Diviを使用して新しいデザインエージェンシーレイアウトパックで変換分割テストを設定する方法

公開: 2017-11-09

あなたがデザインエージェンシーを運営しているなら、あなたはおそらくあなたの会社のウェブサイトをデザインする際に多くのプレッシャーに対処しているでしょう。それは、ウェブサイトの作成があなたが提供するサービスの1つになるためである可能性が最も高いです。デザインエージェンシーのウェブサイトに潜在的な顧客のために達成できる結果を反映させたいのは当然のことであり、そのプロセスを支援するために、私たちのデザインチームは無料でダウンロードできるデザインエージェンシーレイアウトパックを作成しました！

また、訪問者のニーズを理解し、コンバージョン率を高めることがWebサイトの主な目的の2つであることがわかっているため、組み込み機能のDivi Leadsを使用して、Webサイトで分割テストを簡単に実行する方法を紹介します。。

デザインエージェンシーレイアウトパックを使用したWebサイトのセットアップ

Divi Leadsに到達する前に、このチュートリアルを実行する前に実行する必要のあるいくつかの必要な手順があります。最初に行う必要があるのは、無料のDesign Agency LayoutPackをダウンロードすることです。次に、このチュートリアルに従って、Webサイトを適切にセットアップし、分割テストを実行する準備をします。または、必要に応じて、以下のビデオをフォローすることもできます。

分割テストにDiviリードを使用する

デザインエージェンシー

すべてのページを配置し、すべてのコンテンツを自分のWebサイトに一致するように変更したら、Divi Leadsで分割テストを開始して、訪問者をリードに変えるのに最適なデザイン設定とコピーを確認できます。そして最終的には顧客。

分割テストには時間がかかり、実際のユーザーの傾向を表すのに十分な訪問者がいることに注意することが重要です。分割テストが1日しか続かない場合、または十分な訪問者がいない場合、正確な結果を期待することはできません。正確な結果を得るには、妥当なテスト期間と十分な訪問者から得られた定性的なデータが必要です。それが正確に何を意味するのか疑問に思っている場合は、これについて別の記事を作成しました。

考慮すべき他のいくつかの事柄…

Divi Leadsはバックエンドビルダーに住んでいます（今のところ）

前述のように、DiviLeadsはDiviに組み込まれている機能です。分割テストを有効にして使用するには、作業中のページのバックエンドビルダーを使用する必要があります。

主題と目標

新しい分割テストを開始するたびに、科目と目標を選択するように求められます。件名は、実験したいモジュール、行、またはセクションを表し、目標は、影響を与えたいページの部分です。この例では、分割テストを使用してリード生成を改善する方法について説明するため、目標は常に、リードをもたらすページ上の1つのことです。お問い合わせフォーム。

受賞歴のあるデザインバリアントの選択

分割テスト中に、さまざまな設計オプションまたは作成したコピーによって生成された結果を観察できます。コンバージョンの違いを確認できるだけでなく、たとえば、目標がクリックまたは読み取られた回数も確認できます。どちらのオプションが優れているかについての答えが明確になったら、先に進んで、その時点からすべての訪問者に表示される勝者を選ぶことができます。

さて、始めましょう。

Diviを使用して新しいデザインエージェンシーレイアウトパックで変換分割テストを設定する方法

私たちのYoutubeチャンネルを購読する

分割テストを開始する

テスト＃1：見出しのコピーを変更する

デザインエージェンシー

Divi Leadsでできることの1つは、ホームページのヘッドラインコピーをテストすることです。あなたの見出しはあなたの訪問者が最初に見るものの1つなので、あなたはそれができるだけ効果的であることを望みます。

分割テストを有効にする

先に進み、バックエンドビルダーでホームページを開きます。それが終わったら、DiviBuilder内の次のアイコンをクリックします。

デザインエージェンシー

表示されるポップアップで、先に進んで分割テストを有効にします。

デザインエージェンシー

件名として見出しテキストモジュールを選択します

分割テストを有効にするとすぐに、件名を選択するように指示するポップアップが表示されます。件名は、Webサイトで変更したいものです。この場合は、見出しを含むテキストモジュールです。

デザインエージェンシー

目標としてお問い合わせフォームを選択してください

次に選択する必要があるのは目標です。このユースケースでは、リードジェネレーションまたはWebサイトの改善に焦点を当てます。つまり、訪問者から連絡先の詳細を取得することに実際に焦点を当てているのはページ上で唯一のものであるため、私たちの目標は常に連絡フォームです。

デザインエージェンシー

クローンテキストモジュール

目標を選択したら、件名（この場合は見出しのテキストモジュール）に変更を加えることができます。このテキストモジュールのバージョンはいくつでもテストできます。デフォルトでは、2つのテキストモジュールがありますが、代わりに3つまたは4つの可能性をテストする場合は、クローンアイコンをクリックしてテキストモジュールを複製できます。

デザインエージェンシー

テキストモジュールの変更

次に、テキストモジュールのコピーやデザインの変更を開始します。訪問者があなたのページにアクセスするたびに、彼らはすべての可能性のうちの1つだけを見るでしょう。

デザインエージェンシー

統計を参照して勝者を選ぶ

Divi Builder内の次のアイコンをクリックすると、分割テストのデータを確認できます。

デザインエージェンシー

十分な時間が経過すると、結果は代表的で明確になります。次に、統計ポップアップの下部にあるボタンをクリックして、勝者を選ぶことができます。

デザインエージェンシー

そして、残しておきたい見出しのテキストモジュールをクリックします。