ライブチャットのランディングページでより良いカスタマーエクスペリエンスを作成する

公開: 2017-10-27

今日のデジタル時代では、顧客がすぐに利用できることがこれまで以上に重要になっています。幸いなことに、ライブチャットのクリック後のランディングページでもこれまで以上に可能です。

企業は、マーケティングと販売の目標到達プロセス全体の複数のタッチポイントでさまざまなプラットフォームで利用できるようにしています。自動化されたテキストメッセージング、Facebookページでのライブチャット、ライブチャットWebページがあります—リストは無限大です。

これは、Webサイトの訪問者、リード、および顧客との関係を持つことが、多くの人々が認識しているよりも重要であるためです。どこにいても、いつでも、潜在的な顧客や既存の顧客と個人的につながることの重要性は、ビジネスプロセスの基本的な部分です。ウェブサイトの訪問者との関係またはつながりを構築することは、貴重なリードまたは顧客になるために必要な信頼と励ましを彼らに提供することができます。

特に、クリック後のランディングページでライブチャットソフトウェアを使用すると、リードを獲得する機会がさらに増えます。第一印象が極めて重要で、訪問者が数秒以内にブランドとオファーを評価するこれらのページでは、サポート担当者が質問にすぐに答えられるようにすることで、すべての違いを生むことができます。

要するに、ライブチャットの統合により、人々とより速くリアルタイムでつながり、質問に答え、彼らに改宗するように説得することができます。

ライブチャットは、クリック後のランディングページで排他的であってはならないことに注意することが重要です。この機能は、リードキャプチャフォームやページ上の他の要素を置き換えるものではありません。クリック後のランディングページは、説得力のある見出し、魅力的なビジュアル、基本的な情報を収集するための長い形式のストーリーで作成する必要があります。ライブチャットは、接続、パーソナライズ、利便性を追加するだけで、見込み客をより迅速に変換できます。

この記事では、クリック後のランディングページにライブチャットを組み込んだ12のブランドを紹介します。それぞれがこの機能を使用して訪問者を引き付け、変換プロセスをより効率的にする方法を見てみましょう。

今日のデジタル時代では、顧客がすぐに利用できることがこれまで以上に重要になっています。

クリックしてツイート

11のライブチャットポストクリックランディングページの例

1.ホームシェフ

このライブチャットのクリック後のランディングページには、クリック後のランディングページのデザインに関する最も重要なベストプラクティスが多数含まれています。

それは、支持的で説明的な小見出しを備えた魅力的な見出しを持っています。ビデオは、訪問者に多くの時間を読んでもらうことなく情報を伝えるための優れた方法として役立ちます。赤いCTAボタンは、ページ上の他の色とよく対照的であり、訪問者に目立つようになっています（ただし、その上のコピーは改善される可能性があります）。さらに、クリックスルーデザインは、訪問者が最初からリードキャプチャフォームに直面しないため、より摩擦のない変換プロセスを提供します。

Zendeskを搭載したライブチャットは、変換プロセスの触媒としても機能します。

訪問者が右下隅のチャット機能をクリックしても、サポート担当者からすぐに質問されないことに注意してください。代わりに、対話する方法を決定するのは訪問者次第です。彼らは自分の名前、電子メールアドレス、および自分の個人的なメッセージを挿入し、それから初めて応答を受け取ります。メールアドレスをリクエストすると、ホームシェフが潜在顧客を増やすのにも役立ちます。

ウィジェットの有効性を向上させる限り、ホームシェフは、緑がページの他の部分と調和するため、より目立つ、より対照的な色でA / Bテストを行うことを検討することをお勧めします。

2.インターホン

これは、Intercomが主要な競合他社の1つであるDriftと比較して、独自のライブチャットソフトウェアを宣伝しているクリック後のランディングページです。

単色の配色により、ページは見やすく、見た目にも美しいですが、この手法はCTAボタンを目立たせるには適しておらず、コンバージョン率が低下する可能性があります。

ヘッダーとフッターのナビゲーション、およびページの残りの部分全体の終了リンクも、訪問者が気を散らしてページを早く離れる傾向があるため、コンバージョンを減らす可能性があります。

プラス面として、企業のロゴ、数値統計、顧客の声、プライバシーポリシーなど、社会的証明と信頼のシグナルが多数あり、訪問者が安全で安心し、コンバージョンを余儀なくされる可能性を高めるのに役立ちます。オファー。

ライブチャットは、会社と潜在的な顧客との間にさらに強力な関係を構築するのに役立つため、これらのチャンスをさらに増やします。

このクリック後のランディングページは、インターコムとドリフトを比較するために作成されたため、このメッセージはライブチャットでも配信されます。「ドリフトとの比較について質問がありますか？」という質問に注目してください。次に、ドリフトから切り替える人向けのガイドを提供します。

このライブチャットの興味深いコンポーネントは、以前のすべての会話をブラウザに保存することです。 3日後にクリック後のランディングページに戻ったときのウィジェットの画像は次のとおりです。

以前の会話は引き続き利用できますが、新しい会話を開始するオプションもあります。訪問者が[新しい会話]ボタンをクリックすると、新しい会話を開始するための歓迎の招待状が表示されます。

招待状とともに、訪問者は、話し相手の名前と顔写真、および誰かが返信するのにかかる時間の表示を確認できます。

3. MarketingProfs

折り目の上の魅力的なビデオから、利点を説明するための最小限のコピーを備えた図像、ページ全体の十分な社会的証明まで、MarketingProfsは、このクリック後のランディングページで無料トライアルオファーを提示するのに優れた仕事をしています。

オラークを利用したライブチャットは、ページ上の残りの強力な要素を補完するもう1つの優れたコンポーネントです。最初の例と同様に、他のライブチャットページの場合のように、訪問者がサポート担当者からの質問にすぐに襲われることはありません。

繰り返しになりますが、訪問者は名前、電子メールアドレス、および個人的なメッセージを入力することによって対話を開始します。これは、リードの生成を増やすのに役立ちます。さらに、「喜んでお手伝いさせていただきます！」見込み客に、代表者が歓迎的で友好的であることを知らせます。

ライブチャットをさらに効果的にするために、MarketingProfsは、ページ上でよりコントラストが高く目立つ色でA / Bテストを行うことを検討して、人々がより早く気付くようにすることができます。

4.フレッシュチャット

このFreshworksのクリック後のランディングページには、ロゴ、見出し、リードキャプチャフォーム、およびCTAボタンのみが含まれています。オファーに関する貴重な情報はまったく提供されておらず、何が提供されているのか疑問に思われる可能性があります。

訪問者が変換する前に質問をする可能性が高いため、ここにライブチャットがあるのは良いことです。

この例の興味深い側面は、チャットに3つの特定のカテゴリがあり、訪問者のメッセージを適切な代表者にフィルタリングして、最も適切な回答を得ることができることです。

もう1つのユニークなコンポーネントは、「チャット」と「FAQ」を切り替える機能です。 FAQセクション（カテゴリと検索機能付き）を用意することで、訪問者は回答を待つよりも早く回答を見つけることができる場合があります。

5.3Qデジタル

このクリック後のランディングページでは、ヘッダーとフッターのナビゲーション、他の多くのホワイトペーパーへのリンク、ページ下部のソーシャルメディアリンクなど、豊富な終了リンクから始めて、いくつかの改善を使用できます。また、ページ下部の2番目のフォーム、およびページ上部の紫色の「連絡先」CTAボタンは、どちらもさまざまなオファー用であり、訪問者をメインオファーからそらす可能性があります。

逆に、見出しと小見出しは具体的で有益であり、協力して、見込み客がもっと欲しくなるのに十分な情報を提供します。

色のコントラストでカプセル化され、十分な余白に囲まれているため、フォームは際立っていますが、フォームはより注目を集める可能性があります。現在、「お問い合わせ」のCTAボタンは、「ホワイトペーパーのダウンロード」のCTAボタンよりも色が対照的であるため、目立ちます。

ただし、このページの黄色いライブチャットは目立ちます。これまでに見た他の例とは異なり、Greechatを搭載したこの例は、他のページの色とは対照的です。

コンサルタントの名前とヘッドショットもいい感じです。誰かとの関係を築くときに、誰と話しているのかを知るのがいいからです。

この場合、会話を開始するために電子メールアドレスは必要ありません。これにより、即時のリード生成が少なくなる可能性がありますが、より多くの人々が連絡を取り、より強力な接続が形成されます。

6.ライブパーソン

ページ上部のハイパーリンクされた会社のロゴとページ下部の古い著作権日付を除けば、LivePersonはこのライブチャットのクリック後のランディングページで素晴らしい仕事をしました。画像は鮮明で魅力的です。フォームは短く、簡単に記入できます。 CTAボタンが最適化されています。コピーは小さなチャンクに分割され、かなりの量の空白があり、さまざまな社会的証明があります。

オレンジ色のライブチャットは、クリック後のメインのランディングページにあるオレンジ色のCTAボタンと同じように、訪問者の注意をすばやく引き付ける可能性があります。

チャットは潜在顧客の手法として機能しますが、やや強引で煩わしいようです。質問を入力するフィールドすらなく、メインメッセージを送信する前に3つの情報を提供する必要があるという事実に人々は気が進まないかもしれません。

7. NICE inContact

NICE InContactは、クラウドベースのコールセンターソフトウェアを宣伝するために、このクリック後のランディングページを作成しました。このページの見出しとコピーにより、これが明確になります。このビデオは効果的な社会的証明であり、ニューバランスのような有名企業がNICEinContactの使用を楽しんでいることを見込み客に知らせています。

これはページ上のフォームのない2段階のオプトインページであるため、CTAボタンは実際にもっと目立つはずです。色をより対照的な色に変更し、拡大し、従業員の視線をボタンに向け直すことはすべて、クリック後のランディングページのアイデアとして検討するのに最適です。

この例には、一般的なチャットウィジェットがありません。代わりに、別のライブチャットページを開くリンクが上部（および下部）にあります。クリック後のランディングページを閲覧しながら、訪問者がライブチャットに参加できるようにしたいので、これは最良の設計手法ではありません。代わりに、ユーザーエクスペリエンスを妨げないように、小さなオーバーレイチャットを使用することをお勧めします。

また、名前のないエージェント/システムは、会話が完全に終了する前に、私がページにいた1〜2分で7つのメッセージを送信しました。

8. iland

これがilandの無料トライアルライブチャットポストクリックランディングページで、全体的に良いものです。

Click-to-Call電話番号は、ユーザーエクスペリエンスを向上させます。赤いCTAボタンがページから飛び出します。鮮明な画像とインタラクティブなGIFはコンテンツの配信に役立ち、信頼のシグナルと社会的証明（受賞歴、ブランドロゴ、プライバシーポリシー、顧客の声など）がたくさんあります。

A / Bテストの要素に関する限り— 9つのフォームフィールドは威圧的である可能性があるため、2ステップのオプトインフォームまたはマルチステップフォームの方が適している可能性があります。また、すべての終了リンク（ilandロゴ、「完全にホストされたクラウドソリューション」セクション、およびフッター内のWebサイトリンク）を削除すると、訪問者がページに長く留まる可能性があります。

このライブチャットは、ページの右側にある小さなタブとして始まりました。ページを数秒表示すると、チャットウィンドウが自動的に開きました。

この例の興味深い特徴は、訪問者がページ上の好きな場所にウィンドウを移動して、より良いUXを可能にすることです。

ilandはチャットでそれほど多くのリードを獲得できないかもしれませんが、それが単に「こんにちは、私はあなたをどのように助けることができますか？」と述べているという事実。個人情報を必要とせずに、何でも質問/発言できることを見込み客に知らせるのに最適です。

9.ラッキーオレンジ

ラッキーオレンジの別のクリック後のランディングページは、オファーに関する貴重な情報をほとんど提供していません。顧客の声、3つのフォームフィールド、CTAボタン、およびバックグラウンドでのソフトウェアのプレビューのみです。

繰り返しになりますが、訪問者は変換を決定する前にこのオファーについて質問する可能性が高いため、ページにライブチャットを含めたのは良いことです。

サポート担当者の名前とヘッドショットは、人々が話している相手とのつながりを深め、快適に感じるのに最適なため、すばらしいインクルージョンです。

サウンドオプションがあると、ユーザーエクスペリエンスが向上し、快適性や接続性も向上します。

ライブチャットをより目立たせ、おそらくもっと活用するために、対照的な色をウィジェットに追加することができます。

10.ベラロ

Velaroは、ライブチャットのホワイトペーパーを宣伝するために、このクリック後のランディングページを作成しました。彼らはこの全体でまともな仕事をしています—オファーが何であるかを正確に伝える見出し、ホワイトペーパーを説明するための最小限のコピーでの箇条書き、記入が簡単な短い4フィールドのリードキャプチャフォーム、信頼を高めるためのプライバシーポリシー、 NS。

しかし、より良い変換結果を得るためにA / Bテストできる要素もいくつかあります。

たとえば、このページには実際には3つの異なるオファーがあります。デモ（ページ上部のバナー）、ホワイトペーパー（メインオファー）、および無料トライアル（緑色の「無料トライアル」CTAボタンページの下）。クリック後のランディングページには1つのオファーのみを含める必要があるため、複数のオファーがある場合は、それぞれに個別のクリック後のランディングページを作成します。

さらに、訪問者の注意をそらす可能性のある複数の出口リンクがあります— Velaroロゴ、「ガイド」、「ホワイトペーパー」、「サポート」リンク、ソーシャルメディアボタン、およびフッター内の他のいくつかのリンク。

Velaroのライブチャットは、その上の視覚的な手がかりのために、多くの注目を集める可能性があります。

ライブチャットから直接発生する大きな「Let'sChat」バブルは、ほとんどの訪問者がそこに注意を向けるようにするはずです。

クリックすると、チャットはすぐに顧客にタイムリーにヘルプを受け取ることを保証します。同社はFacebookと統合して、ライブチャットフォームにすばやく簡単に記入できるようにしています。さらに便利なように、ドロップダウンメニューを使用すると、見込み客のメッセージが適切な部門（営業またはサポート）に送信され、最も適切な応答が得られます。

繰り返しになりますが、ライブチャットの色は、クリック後のランディングページの残りの部分とより対照的になり、チャットをより目立たせ、より多くの訪問者の参加を促すことができます。

11.パフォーマンスオートグループ

Performance Auto Groupは、このクリック後のランディングページを使用して、1日限定のドライブ変更販売イベントを宣伝しました。これには、イベントマーケティングでコンバージョンを促進するために重要な、クリック後のランディングページ要素が複数含まれています。

カウントダウンタイマー（イベントが終了してから期限切れになりました）、イベントの日時、オレンジ色の「1日のみ」のバナーに注目してください。これらの要素はすべて、オファーに緊急性を追加するのに役立ちます。

また、手と車が明確な視覚的合図として機能し、見出しを直接指して注意を引くことに注意してください。

会社のロゴは、訪問者に信頼を植え付け、サインアップを強いる、優れた社会的証明です。

ページに追加する必要のあるコンポーネントの1つは、ページをすっきりさせてナビゲートしやすくするための空白です。また、すべての終了リンクを削除して、訪問者が最初に変換せずにページから脱出する可能性を低くすることもできます。

Gubagooを利用したこのページのライブチャットは、見込み客にその目的が正確に何であるかを知らせます。それは、ドライブ変更販売イベントでのVIPアポイントメントのスケジュールを支援することです。

チャットの3つのヘッドショットは、顧客と代表者の間のより強力な関係を構築するのに役立ちます。ライブチャットメッセージの代わりにテキストメッセージを会社に送信する機能も、より緊密な関係を構築するのに役立ちます。

クリック後のランディングページでライブチャットを使用する

あなたのウェブサイトの訪問者との関係を開始することは、彼らをリードになるように導くための鍵です。信頼を築き、感情的につながることは、彼らを満足のいく生涯の顧客に変えるために不可欠です。

Instapageを使用すると、Intercom、Olark、Zendeskを使用したライブチャット統合により、顧客とさらに簡単につながることができます。これらのライブチャットツールを強力なAdvertisingConversion Cloudと組み合わせて利用すると、より多くの広告クリックをコンバージョンに変換できます。今すぐエンタープライズデモにサインアップしてください。