ClickFunnels でのテーマのカスタマイズ

  • 更新日 Nov 10, 2025
  • 公開日 Nov 4, 2025
  • 1 分で読めます
Prev Next

ClickFunnels のテーマは、ワークスペース全体で一貫したルック アンド フィールを維持するための合理的な方法を提供します。テーマのページ テンプレートをカスタマイズすることで、サイト、ストア、ブログなどのあらゆる側面をブランドのアイデンティティに合わせることができます。このガイドでは、テーマ ページ エディターの使用方法と、ニーズに合わせて各ページ テンプレートをカスタマイズする方法について説明します。

必要条件

テーマページエディタへのアクセス

  1. ClickFunnelsダッシュボードから、[ ワークスペース設定]に移動します。

  2. [ テーマ] オプションを選択します。

  3. [テーマ] ページで、編集するテーマの横にある [ ページ テンプレートのカスタマイズ ] ボタンをクリックします。

  4. これにより、 テーマページエディターが開き、次のことができます。

    • 左側のナビゲーションを使用して、使用可能なページ テンプレートをプレビューします。

    • 右側のエディターを使用して、選択したページを変更します。

編集可能なページテンプレート

ClickFunnels のテーマ テンプレート ページは、サイト、ストア、ブログ、その他の機能など、ワークスペースのさまざまなセクションの基礎レイアウトとして機能します。これらのテンプレートは、コンテンツと機能がどのように構造化され、表示されるかを決定し、プラットフォーム全体で一貫したデザインとユーザー エクスペリエンスを保証します。

ホームページテンプレート

ホームページは、サイトのメインランディングページです。これは訪問者が最初に目にするページであり、エンゲージメントを促進しながらブランドの目的を明確に伝える必要があります。このページを使用して、訪問者をストア、ブログ、コースなどの主要なセクションに誘導します。

サイトホームページをカスタマイズする方法の詳細については 、記事How to Customize Your Site's Home Pageを参照してください。

ストアテンプレート

ストアテンプレートは、オンラインストアの構造を定義します。次のページをカスタマイズできます。

  • 店頭: ストアのメイン ページで、製品コレクションを紹介し、顧客にさらに詳しく探索するよう促します。
    詳細については、 記事How to Display Products on the Storefrontをご覧ください。

  • 製品ページ: 個々の製品に関する詳細情報を表示し、顧客が情報に基づいた購入決定を行えるようにします。
    詳細については、How to Customize the Store Product Pageの記事をご覧ください 。

  • コレクションページ: コレクション ページで は、特定の製品コレクションを整理された視覚的に魅力的な方法で提示し、ショッピング エクスペリエンスを向上させることができます。このページでは、商品コレクションを表示できます。
    詳細については、記事 How to Customize the Store Collection Pageをご覧ください。

  • チェックアウト: [チェックアウト] ページで、顧客はカートに追加された製品のチェックアウトを完了します。
    詳細については、記事をご覧ください How to Use Add to Cart Functionality in Your Store

  • 注文確認: 購入の成功を確認し、顧客に感謝し、注文の詳細を提供します。

  • アップセル: アップセルテンプレートページは、顧客がストアで購入を完了した後に追加のオファーを表示するように設計されています。顧客は標準の注文確認ページに誘導される代わりに、このページにリダイレクトされ、そこで補完的な製品を表示したり、場合によっては購入したりできます。たとえば、顧客が運動靴を購入した場合、アップセルページでは、お揃いのワークアウトアパレルやアクセサリーを紹介できます。
    詳細については、 How to Create a Store Upsell in the Store Appの記事をご覧ください。

ブログテンプレート

ClickFunnels のブログ テンプレートは、視聴者の関心と情報を維持する方法でブログ コンテンツを紹介するための構造とレイアウトを提供します。各テンプレートの機能は次のとおりです。

  • ブログホーム: これは、ブログのメイン ランディング ページとして機能します。最近の投稿や注目の投稿がリストされ、コンテンツの概要が明確になり、読者がさらに探索するよう促します。

  • ブログ投稿: このテンプレートは、個々のブログ記事に使用されます。これにより、視聴者を惹きつけるための画像、テキスト、リンクを備えた詳細で価値のあるコンテンツを提示できます。

  • ブログカテゴリ: このページには、特定のカテゴリにグループ化されたブログ投稿が表示されます。読者が自分の興味に関連するコンテンツを見つけるのに役立ち、ナビゲーションとユーザー エクスペリエンスが向上します。

  • ブログカテゴリコレクション: このテンプレートは、サイトで利用可能なすべてのブログカテゴリの概要を提供します。ディレクトリとして機能し、読者がさまざまなトピックを発見し、興味のある分野に飛び込むことが容易になります。

カスタマーセンター

カスタマーセンターテンプレートは、顧客がビジネスとのやり取りを管理するための一元化されたハブを提供します。このページでは、顧客はアカウントの詳細を表示および更新し、注文履歴を確認し、購入した製品にアクセスし、サブスクリプションまたはメンバーシップを管理できます。

手記：

カスタマーセンターを変更およびカスタマイズするには、カスタマーセンター設定で「カスタムテーマダッシュボード」オプションが有効になっていることを確認してください。このページの設定と管理に関する詳細な手順については、 How to Customize Customer Center in the Page Editorの記事を参照してください。

コーステンプレート

ClickFunnels のコース テンプレートは、オンライン コースの構築と整理に不可欠です。メインコースのホームページの作成、モジュールの整理、個々のレッスンページの構成に必要な基礎ページを提供します。これらのテンプレートにより、コース コンテンツが明確でプロフェッショナルかつ魅力的な方法で提示され、学生が学習の過程を効率的にナビゲートして完了できるようになります。

  • コースホーム: これは、コースのメインランディングページです。利用可能なすべてのモジュールとレッスンの概要が提供され、生徒は学習の旅を簡単にナビゲートできます。このページを使用して、コースの詳細を紹介し、継続的なエンゲージメントを促します。

  • モジュールレッスン: このテンプレートはモジュール内でレッスンを整理し、明確な階層と流れを提供します。学生はコースの進捗状況を確認し、個々のレッスンにシームレスにアクセスできます。

  • レッスンページ: レッスンページテンプレートは、実際のコースコンテンツが配信される場所です。これには、ビデオ、テキスト、クイズ、ダウンロード可能な資料が含まれる場合があります。このデザインにより、生徒の集中力と関心を維持するためにコンテンツが確実に提示されます。

コーステンプレートの管理の詳細については、 Getting Started with Coursesの記事を参照してください。

ページが見つかりませんテンプレート

ページ が見つからない テンプレートは、ユーザーが存在しないページにアクセスしようとすると表示されます。フラストレーションを最小限に抑えるために、このページを使用して、ユーザーを作業ページにリダイレクトするための役立つリンクまたは検索バーを含めます。

詳細については、 記事Customizing Your Site's 404 Pageをご覧ください。

近日公開テンプレート

近日公開テンプレートは、今後の機能、製品、またはサイトの立ち上げについて訪問者に通知します。これは、期待を高め、見込み客を収集し、視聴者を引き付けるための優れた方法です。

詳細については、記事 Customizing Your Site's Coming Soon Pageをご覧ください。

スタイルのカスタマイズとプレビュー

プレビュースタイル

[スタイルのプレビュー] ドロップダウンでは、ワークスペース内のさまざまなスタイル ガイドを選択して、さまざまなスタイル構成でページがどのように表示されるかをプレビューできます。この機能は、デザインを完成させる前にページの視覚的な一貫性をテストするのに役立ちます。

スタイルガイド

スタイルガイドをクリックすると、現在のテーマに適用されているスタイルガイドが開きます。ここから、フォント、色、間隔などのスタイルにアクセスし、編集、調整して、テーマがブランディング要件に合致していることを確認できます。

テンプレートページ設定の管理

個々のテンプレートページの設定にアクセスするには、左側のナビゲーションでページにカーソルを合わせ、 歯車アイコン (⚙️) または [ページの編集] をクリックします。これらの設定により、情報、SEO 設定、ソーシャル共有構成など、ページの主要な側面を管理できます。この機能により、各ページが完全に最適化され、サイト全体の戦略と一致します。

ページ名と説明

  • ページ名: これは、ワークスペース内のページの内部名です。ページを識別するのに役立ちますが、訪問者には表示されません。

  • 説明: 参照用にページの簡単な説明を入力します。

SEOと共有

  • ページタイトル: このタイトルは、検索エンジンの結果とブラウザーのタブに表示されます。「会社概要 |WWM」と書かれています。

  • ページの説明: 簡潔な説明 (最大 160 文字) を追加して、検索エンジン向けのサイト ページの内容を要約します。

  • ページURL:ホームページのURLパス( /about-usなど)をカスタマイズします。

  • 検索エンジンのインデックス: ページを検索エンジンの結果に表示し、サイトのサイトマップファイルに含める場合は、このオプションを切り替えます。これはSEOに役立ち、検索エンジンがページをクロールしてインデックスできるようにします。有効にすると、Google、Bing などの検索エンジンがドメインを見つけることができます。

  • 画像の共有: ページ リンクがソーシャル メディアで共有されたときに表示される画像をアップロードします。

  • ファビコン画像: ブラウザタブに表示される小さなアイコン (通常は 16x16 または 32x32 ピクセル) を追加します。アップロードされていない場合は、 Site Settings のファビコンがデフォルトとして使用されます。

詳細設定

  • スタイル: サイトの既定のスタイルと異なる場合は、ページの特定のスタイルを選択します。それ以外の場合は、「デフォルトスタイルを使用」に設定したままにします。スタイルガイドを作成するには、[ ワークスペース設定] > [スタイル] に移動し、スタイルを定義してガイドを保存します。作成したら、ここのドロップダウンメニューからスタイルガイドを選択して、サイトのホームページに適用できます。

  • サイトナビゲーションに追加: ページを「サイトページ」として分類し、[ サイトページ] メニューに表示する場合は、このオプションを有効にします。無効にすると、ページはスタンドアロンのランディングページとして作成され、[サイトページ]メニューには表示されません。

これらの設定を構成したら、[ ページの更新] をクリックして変更を適用します。

関連記事