ElementsKit を使用してクリスマスと新年のキャンペーン用のランディング ページを作成する方法

広告固有のランディング ページは、一般的な Web ページよりも 115% も優れたパフォーマンスを発揮できることをご存知ですか。

はい、それがさまざまなフェスティバルで特定のランディング ページを使用することの利点です。

ご存知のとおり、祝日はどのビジネスでも忙しいです。ほとんどのビジネス オーナーが、最高の Web トラフィックと最高のコンバージョン率の獲得を期待している時期です。

今日は、ElementsKit を使用して、今後のクリスマスと新年のキャンペーンのランディング ページをデザインします。

今行く！

実際、ランディングページとは何ですか?

簡単に言うと、ランディング ページは訪問者が「着陸」する場所です。デジタル マーケティングでは、ランディング ページは、マーケティング キャンペーンのために特別に作成された特定の Web ページを指します。

通常、ランディング ページは、製品の購入、フォームへの記入、ニュースレターへのサインインなどのアクションをユーザーに促すように設計されています。

そして、ランディング ページは、訪問者がページにアクセスした後に特定のタスクを実行した場合にのみ成功します。

クリスマスと新年のキャンペーンにランディング ページは必要ですか?

そうそう！

クリスマスと新年のキャンペーンには、必ず特定のランディング ページが必要になります。このフェスティバル キャンペーンで製品やサービスを販売することを計画している場合は、特定のランディング ページをデザインする時期が来ています。 

なぜ？

「」のせいで選択のパラドックス”。 

それは、人々に選択肢を与えれば与えるほど、行動はおろか決断を下すことさえも難しくなるということを意味します。

理解を深めるために簡単な例を示します。

今後のキャンペーンで製品の販売を計画しているとします。ただし、ランディング ページのデザインはユーザーに製品の購入を誘導するものではありません。訪問者に、ブログにアクセスしたり、ソーシャル メディア チャネルをチェックしたり、その他のことを求める場合があります。

それぞれのアクションにより、訪問者の意図が主な目的から離れてしまいます。そして、それは賢明な行動だとは思いません。

さて、ランディング ページには何を含めるべきでしょうか?

そこで、Web サイトにクリスマス用のランディング ページとランディング ページを含めることにしました。その場合、ランディング ページの核となる機能を理解しておく必要があります。

ランディング ページの核となる機能を皆さんと共有しましょう。 

• 目を引く見出し
• 影響力のある小見出し
• 魅力的なヒーロー像
• オファーの明確な説明
• 効果的な FAQ セクション
• 強力な行動喚起
• 最も簡単な連絡方法

これらはランディング ページの中核となる機能です。これらの要素がすべてランディング ページに存在することを確認してください。

それでは、クリスマスと新年のキャンペーン用のランディング ページのデザインを始めましょう

適切なツールを備えている場合にのみ、ランディング ページのデザインは非常に簡単になります。また、クリスマスのランディング ページのデザインを容易にするために、いくつかのツールも使用します。これらは - 

• Elementor ページビルダーと
• ElementsKit Elementor アドオン

それでおしまい！

クリスマスと新年に向けて目を引くランディング ページをデザインする段階的なプロセスに進みましょう。

ステップ #1: ツールの準備をする

ランディング ページをデザインするには、Elementor ページ ビルダーと ElementsKit アドオンが必要であることはすでに述べました。これらのプラグインを WordPress ウェブサイトにインストールして有効にするだけで準備完了です。 

ステップ #2: 空白のページを開く

新しいページを開くには、上にマウスを置きます ページ > 新規追加。 Web サイトに空白のページが作成されます。ここで、「」という太字のボタンに気づくでしょう。Elementorで編集する”。そのボタンをクリックすると、投稿がElementorページエディターに進みます。

新しいページを開く

Elementor ページが表示されたら、キャンバスを使用する準備ができたことを意味します。

ステップ #3: ビデオのヒーロー画像を追加する

ヒーロー画像は、Web ページの上部にある大きな画像バナーです。この画像はあなたの概要や雰囲気を表しています。 キャンペーンオファー.

ヒーローセクションにビデオを含めたいと思う人はほとんどいないかもしれません。ランディング ページにもビデオを追加することに決めた場合は、ビデオを短くし、オファーを明確に説明するようにしてください。 

ランディング ページではビジュアル コンテンツが重要であることを忘れないでください。したがって、できるだけ完璧なものにしましょう。 

ヒーロー セクションに要素を追加するには、画像ウィジェットをキャンバスにドラッグ アンド ドロップし、選択した画像をランディング ページにアップロードします。 

アップロード後、画像の幅を 100 に設定します。Elementor ウィジェット パネルのスタイル タブに「幅」セクションがあります。

ヒーロー画像の追加

プロのヒント: ヒーロー画像が生き生きとしていて、クリスマスの雰囲気を醸し出し、瞬く間に訪問者の注意を引くことができるようにしてください。

ステップ #4: 製品またはサービスの説明を追加する

ヒーロー画像を追加したら、潜在顧客に提供している製品またはサービスの詳細な説明を追加します。 

2 つの製品に対して割引を提供するとします。そこで、新しいセクションに二重構造を作成します。

ここで、見出し、テキスト エディター ウィジェットを使用したテキストの説明、および行動喚起ボタンを追加します。セクションをより魅力的にするために、関連する背景色をセクションに追加できます。

それを行う手順を段階的に見てみましょう。

1. 適切な見出しを追加します

まず、二重列構造の新しいセクションを追加します。次に、見出しウィジェットを使用してタイトルを追加します。

製品見出しの追加

必要に応じて、製品見出しに関連リンクを追加することもできます。

2.本文を追加する

本文テキストは、オファーの説明を追加する場所です。説明には製品またはサービスの完全な概要が示されていることを確認してください。

説明の追加

3.CTAボタンを含める

魅力的な CTA ボタンは、訪問者を顧客に変える可能性を高めます。したがって、訪問者の注意を適切に引く、目を引く CTA ボタンを追加するようにしてください。

CTAボタンの追加

4. 背景色の追加

コントラストのある背景色を追加すると、ユーザーがコンバージョンする可能性が高まります。製品の色を選択する前に、製品の色と適切にブレンドされていることを確認してください。 

背景色を追加するには、ページセクションを選択し、「スタイル」タブに移動します。ここで、「背景」オプションをクリックして、背景のタイプの 1 つを選択します。使用可能な背景のタイプは、クラシック、グラデーション、ビデオ、スライドショーです。

ちなみに、ページのデザインにはクラシックバージョンを選択しました。ただし、ホバーセクションでも同じことを変更することができます。

背景色の追加

同じ手順に従って、必要なだけ商品説明をデザインできます。ただし、 目を引くヘッダー このセクションのサブヘッダー。

ただし、次のこともできます 価格表を追加する 複数のパッケージまたは製品を比較することによって。潜在的な視聴者に製品に関する明確なアイデアを提供し、購入の可能性を高めます。

ステップ #5: ナレッジベース セクションを追加する

ナレッジ ベース、別名 FAQ セクションは、製品またはキャンペーンに関するよくある質問を追加する場所です。このセクションに 4 ～ 5 個ほどの質問と回答を追加してください。

ナレッジベースの追加

ナレッジ ベースを設計する際には、次のことを確認してください。 連絡方法を含める そこに。これにより、訪問者とウェブマスター間のコミュニケーションが容易になります。

ステップ #6: フッターを追加する

最後のステップとして、ランディング ページにフッターを追加します。フッターには著作権セクション、返金ポリシー、利用規約、プライバシー ポリシーなどが含まれます。ただし、フッターにはランディング ページとは異なる背景色を使用することをお勧めします。

クリスマスと新年のキャンペーンのランディング ページのデザインについては以上です。

さて、ランディング ページの最終的な外観はどうなるのでしょうか?

うん！クリスマスと新年のキャンペーンに向けたランディング ページのデザインが完了しました。それで、全体的な最終出力はどうなったでしょうか?

わかりました。見てください –

魅惑的ではありませんか？

はい、そうです！

さらに詳しく見るには、ランディング ページのライブ バージョンをチェックしてください。

私たちのテンプレートをランディング ページとして使用してみませんか? 

これは数秒以内に実行できます。 json ファイルをダウンロードし、Elementor テンプレート ライブラリにインポートするだけで完了です。全体的なプロセスを見てみましょう。

まず、 下記のダウンロードボタンからjsonファイルをダウンロードしてください。

第二に、 WordPress ダッシュボード パネルから新しい投稿またはページを作成します。デフォルトでは、次の日に開きます。 グーテンベルクエディター。ただし、json ファイルをインポートするには、Elementor ページ ビルダーでページを開く必要があります。

Elementor 経由で新しいページを開く

第三に、 クリックしてください 'テンプレートの追加' ボタンをクリックし、ダウンロードした json ファイルをインポートします。 テンプレートのインポート ボタン。

テンプレートのインポート

ここで、 入れる ボタンをクリックすると、デザインやテキストとともにテンプレートがページに挿入されます。

テンプレートの挿入

注意： テンプレートの挿入には少し時間がかかる場合があります。時間は主に、サーバーのリソース量とメモリ制限によって異なります。 

最後に、 オファーのテキストとデザインをカスタマイズし、Web サイトに公開します。

ランディングページで絶対に避けるべき10の致命的な間違い

ランディング ページは、訪問者を有料顧客または見込み客に変えるという 1 つのアクションを念頭に置いて設計されていることは誰もが知っています。しかし、最適化されていないランディング ページに貴重なトラフィックを誘導することは時間の無駄に他なりません。 

このセクションでは、誰もが避けるべきランディング ページの致命的な 10 の間違いに焦点を当てます。

1. CTA ボタンの使用が多すぎる

CTA 別名 Call To Action ボタンは、オンラインで構築するあらゆるものの重要なコンポーネントです。 CTA ボタンの唯一の目的は、訪問者を有料顧客に変えることです。顧客を説得してコンバージョンに導くことができる唯一の場所です。 

では、なぜ多すぎる CTA ボタンを表示して訪問者を悩ませるのでしょうか?それは目標を達成する可能性を減らすだけです。

ボタンの数を減らすだけでなく、ボタンのテキストについても考慮する必要があります。驚くかもしれませんが、ほとんどの人は「ここをクリック」、「ダウンロード」、「送信」ボタンなどの従来のボタン テキストのみを使用しています。

些細なことのように思えるかもしれませんが、ユーザーの行動に大きな影響を与えます。一般的なボタン テキストを使用する代わりに、別のものを作成してみてください。例えば -

• ● 取引を獲得する
• ● そこへ連れて行って
• ● 無料のコピーを請求する
• ●プログラムを体験してみよう
• ● ガイドを入手する

従来のテキストを使用する代わりに、ボタンのテキストにバリエーションを加えてみてください。

2. 藪の周りを殴る

訪問者は CTA ボタンを介して変換されますが、書面によるコピーも考慮する必要があります。ランディング ページのコピーが明確かつ簡潔で、ユーザーが理解しやすいものであることを確認してください。 

調査によると、人々はウェブサイト上で行動を起こすかどうかを「瞬く間に」決定することがわかっています。より正確に言うと、その決定には約 50 ミリ秒かかります。

したがって、Web サイト訪問者に製品やサービスを購入するよう説得するのに、このわずかな時間があります。コピーに集中せずにただ無駄なことをやっているだけでは、時間の無駄でしかありません。

つまり、すぐに要点を理解するようにユーザーを説得する必要があります。訪問者が価値のあるものを見つけられるような方法でオファーを提示します。 

3. 乱雑なページレイアウト

私たちは、ランディング ページに貴重な情報を含めることが重要であることを認識しています。 

ただし、ランディング ページに情報を詰め込むという意味ではありません。ページをデザインする際には、最も重要なものだけを含めるようにしてください。ユーザーを情報で圧倒しないでください。

ランディング ページがテキストの無限の壁のように見える場合、ユーザーはコンバージョンせずに間違いなく Web ページから離れてしまいます。 

そうですね、オファーについてユーザーに知らせることは重要です。ただし、短く正確に保つようにしてください。ランディング ページに不要な情報をたくさん詰め込んでしまうと、ユーザーがコンバージョンに至る可能性が大幅に減少します。

顧客を変換するまでの時間は 5 秒 (最大) であることに注意してください。したがって、顧客が今回の概要を把握できるようにしてください。そうしないと、潜在的な顧客が競合他社の Web サイトに留まってしまうことになります。

あなたはそれが欲しいですか？

4. 情報が不十分

前のセクションでは、ランディング ページのコピーを整理することについて説明しました。ただし、訪問者に実際のメッセージを届けられなくなるような整理整頓はしないでください。

製品やサービスのオファーコピーが曖昧すぎる場合、または取引内容が適切に表現されていない場合、ほとんどの訪問者は顧客に変わりません。

注目を集める見出しを配置し、その後にサブヘッダーと文脈に応じたテキストをいくつか配置するだけです。これらの場所にオファー関連の情報を含める必要があります。

訪問者があなたの製品について明確なコンセプトを理解し、購入を決定するために何も心配する必要がないことを確認してください。

5. 悪いタイポグラフィ

優れたランディング ページのコピーをデザインした後は、そのコピーが訪問者にとって理解しやすいものであることを確認してください。ランディングページのコピーを読みやすく理解しやすくするには、デザインに適切なフォント、フォントサイズ、色、デザインなどを使用する必要があります。

このタイポグラフィはすべて、読みやすさとユーザー エクスペリエンスに大きな影響を与えます。さらに、太すぎるフォントや薄すぎるフォントを使用すると、テキストが読みにくくなります。正当なタイポグラフィを使用すると、訪問者のコンバージョンの可能性が高まります。

6. 画像なし/低画質画像の使用

訪問者が Web ページにアクセスするたびに、何かユニークなもので訪問者を惹きつけるようにしてください。そして、それを行うための最良の方法は、魅力的な画像を使用することです。ご存知のとおり、テキストだけのランディング ページは非常に退屈で魅力のないものに見えます。

ただし、ランディング ページにどんな画像でも使用できるという意味ではありません。ランディング ページをデザインするときは常に、そこに最適な画像を追加していることを確認してください。

製品やサービスを提供している場合は、製品とともに笑顔の人を追加することを検討する必要があります。研究によると、笑顔の人だけがコンバージョン率を 102.5% 増加させることができます。 

笑顔は、ユーザーが提供している製品やサービスに満足していることを表します。それはコンバージョンにプラスの影響を与えます。

7. 色の確認

画像を使用する際のもう 1 つの大きな問題は、色の選択です。ユニークな色の組み合わせを使用して、画像をできるだけ魅力的にするようにしてください。

もう 1 つの大きな問題は、CTA ボタンの色です。 CTA ボタンをデザインするときは、背景から目立つようにしてください。

CTA ボタンがカモフラージュのように背景と溶け合っている場合、ユーザーがランディング ページを通過するときに気づかれることはありません。 

ランディング ページの背景の大部分が白であるとします。この場合は、黒色のボタンを使用してみてください。

色が訪問者の注意を引くことができた場合にのみ、デザインは成功します。それ以外の場合は、できるだけ早く色を変更してください。

8. 長い形式の使用

Webフォームのデザイン リード数を増やすためには間違いなく重要です。ほとんどの場合、Web フォームはユーザーから重要な情報を取得するために使用されます。 

ただし、ランディング ページのフォームは税務フォームに記入するようなものではありません。それは、フォーム上に入力ボックスを多すぎないほうがよいということです。できるだけシンプルにするようにしてください。

訪問者からの質問が多すぎると、ユーザーが迷惑する可能性があります。調査によると、3 つの入力ボックスを使用すると、リードを獲得できる可能性が最大化されます。入力ボックスが増えれば増えるほど、そのランディング ページから得られる反応は少なくなります。

そうですね、ユーザーからのさまざまなデータが必要になる場合があります。それで、あなたは何をしますか？

この場合、多段階フォームを利用することができます。まず、ユーザーから必要な情報のみを収集します。その後、詳細についてフォローアップしてください。

そうすることで見込み客から情報を収集できます。

9. モバイルエクスペリエンスが劣悪

約 48% 人がスマートフォンでインターネットを閲覧しています。したがって、ウェブサイトがモバイルに対応していないと、自動的に潜在顧客の半分を失うことになります。

スマートフォンの訪問者がランディング ページを適切に表示できない場合、どうやってコンバージョンを期待できるでしょうか?そのため、ウェブサイトが完全にモバイルに最適化されており、スマートフォンやタブレットでスムーズに読み込まれるようにしてください。

訪問者はあなたが思っているほど忍耐強いわけではないことを忘れないでください。したがって、ランディング ページをモバイル デバイス向けに最適化し、訪問者を獲得しましょう。

10. 読み込み速度が遅い

47%人 Web ページが 2 秒以内に読み込まれることが期待されます。また、5 秒経ってもページが読み込まれない場合、ユーザーはランディング ページから離れてしまいます。 

1 秒ごとに削除すると、全体の収益が 7% 損失することになります。したがって、何らかの手段で読み込みページを減らすようにしてください。

たとえば、スライダーや不要な JS ファイルを削除して、読み込みプロセスを高速化します。ただし、CDN (別名コンテンツ配信ネットワーク) を使用して、 ウェブサイトを高速化する.

最後の言葉

ランディング ページ デザインの詳細な手順、ツール、処理については以上です。キャンペーン固有のランディング ページ デザインを使用することは、デジタル マーケティングの重要な部分です。 

今すぐ完璧なランディング ページをデザインして、コンバージョン率が上昇するのを見てみましょう!