Diviで3ステップのセールスファネルを作成する方法

セールスファネルは、ウェブサイトを通じて販売するための最も重要で効果的な方法です。 適切に設計された販売目標到達プロセスは、リードを獲得し、コンバージョンを改善し、利益を増やすのに役立ちます。 効果的な販売ファネルの構築は、Diviを使用して簡単に行うことができます。 この記事では、CartFlowsのFunnelBuilderと呼ばれる無料のプラグインを使用して3ステップのDiviセールスファネルを作成する方法を説明します。

CartFlowsのインストールとセットアップ

3つのプラグインを使用してDiviセールスファネルを作成しますが、必要なのは最初のプラグインをWordPressプラグイン領域にインストールすることだけです。 CartFlowsでFunnelBuilderを検索してインストールします。

[ウィザードの開始]をクリックします。 これにより、セットアップウィザードが実行され、次の2つのプラグインがインストールされ、DiviのCartFlowsセットアップが取得されます。

レッツ・ゴーをクリックします。

ページビルダーのリストからDiviを選択します。 これにより、接続するテンプレートがCartFlowsに通知されます。

[はい]をクリックして、WooCommerceとCartFlowsから無料のWooCommerce Cart AbandonmentRecoveryプラグインをインストールします。

無料のCartFlowsトレーニングコースが必要かどうかを選択してください。

これで、フローを作成する準備が整いました。 フローは、ランディングページ、チェックアウトページ、サンキューページなどを含む販売目標到達プロセスです。

フローの作成

メニューをフローでは（CartFlowsへ行く> WordPressのダッシュボードに流れる）、[Add New]を選択します。 フロー、インポート、エクスポート、クローンなども確認できます。

フローを作成すると、テンプレートを選択したり、独自のテンプレートを作成したりできるモーダルが開きます。 これには、無料のテンプレートとプロのテンプレートが含まれます。 プロテンプレートには、プラグインのプロバージョンが必要です。 それらにカーソルを合わせると、プレビューまたはインポートするオプションが表示されます。 テンプレートには、フローのステップを作成するための複数のページが含まれています。 各ページはDiviで作成されており、DiviBuilderで編集できます。

独自のテンプレートを作成することもできます。 ビルドするステップのタイプを選択し、[ステップの作成]をクリックします。 手順のオプションには、ランディング、チェックアウト、アップセル、ダウンセル、ありがとう、オプチンが含まれます。 アップセルとダウンセルにはプロバージョンが必要です。

ステップがフローに追加されます。 これで、ステップを編集して、さらにステップを追加できます。

セールスファネルの作成

私の例では、最初のテンプレートであるDownloadeBookをインポートしました。 インポートが完了すると、フロー投稿タイプエディタにリダイレクトされます。 これには、目標到達プロセスの手順が含まれます。 それらを編集したり、新しいステップを追加したり、表示、削除、または再配置したりできます。 フローの調整と設定には、名前、テキストモード、スラッグ、公開、注目の画像が含まれます。 プロエディションは分析を追加します。

これは、電子書籍のダウンロードテンプレートに含まれている2つの手順を示しています。電子書籍のダウンロード（ウーオプチン）とありがとうございます。 これらの手順は、この順序でユーザーに表示されます。 最初に電子書籍をダウンロードしてから、ありがとうページに移動します。 これらを、3ステップのセールスファネルのステップ1と3として使用します。

これはダウンロードテンプレートです。 ダウンロードファイルを取得するためのフォームはまだ含まれていませんが、ファイルを追加すると含まれます。 ファイルはWooCommerce製品になります。

こちらがありがとうページです。 アップセルとソーシャルメディアのフォローボタンが含まれています。

テンプレートはDiviBuilderで作成され、カスタムCSSとショートコードが含まれています。

エディターには、各タイプのステップの設定も含まれています。 これらはオプチン設定です。 ここでは、ショートコードの追加、製品の選択、デザイン、フォームフィールドの編集、設定の調整、およびカスタムスクリプトの追加を行うことができます。

ダウンロードの追加

ダウンロードをWoooptinに追加するには、WooCommerce製品を作成します。 [仮想およびダウンロード可能]を選択し、価格を0に設定して、ファイルをアップロードします。 必要な説明と画像を追加してから、製品を公開します。

フローに戻り、選択してステップを編集します。

設定まで下にスクロールして、 [製品の選択]を選択します。 追加する製品を検索し、リストから選択して、[更新]をクリックします。 これで、製品は鉛捕捉オプチンフォームにリンクされました。

これがオプチンフォームのフローページです。 ページを編集して、ダミーコンテンツを独自のコンテンツに置き換えることもできます。 これはURLを含む実際のページであるため、ホームページ、メニュー構造内、CTAへのリンクなどとして使用できます。

誰かがフォームに記入してボタンをクリックすると、ダウンロードリンクと注文の詳細が記載されたありがとうページに移動します。

新しいステップを追加する

新しいステップについては、タイトルの上またはエディターのステップの下にある[新しいステップの追加]をクリックします。 これにより、必要なテンプレートのタイプを選択できる別のモーダルが開きます。 Landing、Checkout、Upsell、Downsell、Thank You、Optinから選択します。 Woo Checkoutページを追加して、3ステップの目標到達プロセスを作成します。

3ステップの販売ファネルの作成

チェックアウトステップを追加することで、リードマグネットをフル機能のセールスファネルに変えることができます。 上記の例にステップを追加しました。 自動的に下部に表示され、ステップ3になります。製品が割り当てられていないことを示しています。 それを中央にドラッグして、3ステップの販売目標到達プロセスのステップ2にし、製品を割り当てます。

チェックアウトオプションには、既存の製品を追加したり、新しい製品を作成したりする機能が含まれています。 ここから新商品を作ります。

これにより、製品エディターがモーダルとして開かれるため、フローエディターを離れる必要はありません。

製品を作成してウィンドウを閉じると、製品検索ボックスですぐに利用できます。 設定を更新し、ページ上部の[フローの編集に戻る]を選択します。

これで、3つのステップのフローができました。 チェックアウトを中央にドラッグしたので、 Optinのダウンロード、チェックアウト、およびありがとうの手順を使用して、新しい注文を顧客に説明します。

これで、誰かがステップ1でフォームに入力すると、新しい2番目のページであるチェックアウトが表示されます。 オプトインページからフィールドに入力した情報を取得し、自動的に詳細を入力します。 新製品は自動的に注文に追加されます。 このページの上部には、画像と情報用のDiviモジュールが含まれています。

ありがとうページに注文の詳細が表示されます。

Diviを使用した販売ファネルの分割テスト

フローの各ステップはDiviで作成されたページであるため、DiviのA / B分割テストを利用して、販売ファネルをテストし、改善することができます。 分割テストするセクション、行、またはモジュールを右クリックして、[分割テスト]を選択します。 必要な要素の複数のバージョンを作成できます。 さまざまなタイトルをテストしたいので、見出しのテキストモジュールを選択しています。

次に、目標を選択します。 これは販売ファネルなので、私の目標はできるだけ多くのオプトインを取得することです。 オプトイン形式のコードモジュールを選択します。 目標を選択すると、テスト対象（私の場合は見出し）が複製されます。 2番目のオプションを、さまざまなテキスト、色、フォントなどでカスタマイズできるようになりました。

Diviセールスファネルへの十分なトラフィックが得られたら（これは、テストサイトで使用しているよりもはるかに多くなります）、Diviの分割テスト統計をチェックしてテストの結果を取得できます。 2つのオプションが表示され、結果がグラフとチャートで表示されます。 時間に基づいて結果を表示します（過去24時間、過去7日間、先月、およびすべての時間）。 チャートには、クリック、読み取り、バウンス、およびゴールエンゲージメントが含まれます。 これはクリック数のグラフです。

これは、ゴールエンゲージメントの円グラフです。

Diviの分割テスト機能は、リードマグネットと販売ファネルのテストに最適です。 色、画像、フォントファミリ、要素の配置、全体的なレイアウトデザイン、見出しなどをテストします。 Diviを使用すると、何が機能し、何が機能しないかを簡単に知ることができます。 常にDiviページでA / Bテストを実施することをお勧めします。 Diviの分割テスト機能の使用の詳細については、WordPressとDiviLeadsを使用して簡単なA / Bテストを実施する方法の記事を参照してください。 また、ETブログで「分割テスト」を検索してください。

CartFlows Pro

CartFlowsによるFunnelBuilderの無料バージョンのみを確認しました。 さらに多くの機能については、プロバージョンをチェックしてください。 これには、無制限のファンネル、プレミアムテンプレート、その他のチェックアウトオプション、チェックアウトオファー、カスタムフィールド、ワンクリックアップセル、注文バンプ、カートの放棄が含まれます。

終わりの考え

これが、3ステップのDiviセールスファネルを作成する方法です。 CartFlowsはプロセスを簡素化し、可能な限り簡単にします。 無料版は、必要となる可能性のあるほぼすべてのタイプの販売ファネルを作成するのに十分な強力なツールとDiviレイアウトを提供します。 非常にシンプルでパワフルです。 さらに強力なツールについては、プロバージョンをご覧ください。

我々はあなたから聞きたい。 Diviセールスファネルを作成しましたか？ コメントであなたの経験について教えてください。

vectorpouch /shutterstock.com経由の注目の画像