Landbot.ioの紹介（およびWordPressと一緒に使用する方法）

公開: 2018-08-25

チャットボットを使用することが有益な場合が多くあります。チャットボットを使用して、カスタマーサポートに対応したり、ユーザーが購入する製品を見つけたり、問い合わせをより迅速にルーティングしたりすることができます。ただし、正しく使用すれば、ランディングページに実装して、コンバージョンを増やすこともできます。

そこでLandbot.ioなどのサービスが登場します。この特定のプラットフォームは使いやすく、会話型のデザインを採用しているため、エクスペリエンスが向上します。この記事では、Landbot.ioを詳しく見て、その使用方法を分析します。その前に、会話型のデザインとランディングページについてもう少し話しましょう！

会話型ランディングページとは（そしてそれがどのように役立つか）

ご存知かもしれませんが、ランディングページは、コンバージョンを促進するように設計された1ページのウェブサイトです。同様に、会話型ランディングページは、チャットボットとの対話を中心に構築されたページです。最近では、チャットボットをWordPressに追加するのは簡単ですが、それをランディングページの目玉として使用することはかなり複雑です。

その場合、私たちの目標は、基本的なランディングページを取得し、会話型デザインを使用してそれを改善することです。これにより、サイトの訪問者は静的な情報を受動的に取り込むのではなく、チャットボットと直接対話できるため、より魅力的なエクスペリエンスが作成されます。チャットボットを介して同じ情報をより有機的に感じる方法で提供できます。これにより、ブランドの個性を同時に伝えることもできます。

コンバージョンを促進するのに十分魅力的で効果的な会話型ランディングページの作成には、時間がかかる場合があります。訪問者を喜ばせたい場合は、チャットボットが訪問者にどのように応答するかをカスタマイズする作業を行う必要があります。一部のチャットボットは他のチャットボットよりも使いにくいため、構成が簡単で、視覚的に魅力的な結果を作成できるチャットボットが必要になります。今すぐ見てみましょう！

Landbot.ioの紹介

Landbot.ioとWordPressの統合。

会話型のランディングページが実際にどのように表示されるかを確認したい場合は、今すぐLandbot.ioにアクセスしてください。デザイン自体はシンプルで、情報を提供し、サインアップページに誘導するのに役立つチャットボットを中心に構築されています。

サービス自体に関しては、チャットボットを作成するプロセスが、私たちが試した他の多くのツールよりも簡単になります。サインアップは簡単で、数分で無料のアカウントを作成できます。登録すると、直感的なフローベースのチャットボットビルダーを使用してチャットボットで作業することができます。

Landbot.ioは、使いやすさに加えて、チャットボットのデザインを試すことができるため、ほぼすべてのWebサイトで使用できます。さらに、次のセクションで説明するように、WordPressとの統合は簡単です。

プラットフォームは無料プランを提供しますが、最大100の無料チャットのみをサポートします。つまり、適度なトラフィックを受信するWebサイトに使用したり、本格的なランディングページを設定したりする場合は、プレミアムアカウントを利用することをお勧めします。

主な機能：

ビジュアルビルダーを使用してチャットボットを作成します。
マインドマップを使用して複雑な会話の流れを設計します。
いくつかの設定と事前に作成されたテンプレートを使用して、チャットボットのデザインを微調整します。

価格：無料プランは最大100のチャットをサポートし、プレミアムオプションは月額€20（約$ 23）から始まります| 詳しくは

Landbot.ioをWordPressで使用する方法（3ステップ）

次に、Landbot.ioを使用して基本的なチャットボットを作成し、それをWordPressと統合する方法を説明します。ここではWordPressに焦点を当てていますが、Landbot.ioを使用してスタンドアロンのランディングページを作成することもできることを指摘しておく必要があります。これについては後で詳しく説明しますが、とりあえずビジネスに取り掛かりましょう。

ステップ1：Landbot.ioアカウントを設定する

あなたが私たちのようなものなら、あなたはおそらくあなたが試したい新しいサービスのために長いサインアップをしなければならないことにうんざりしているでしょう。ただし、Landbot.ioは、チャットボットを使用して全体をじょうごにすることで、プロセスを楽しく保つことができます。開始するには、Landbot.ioホームページにアクセスして[はい]をクリックします。 RyanReynoldのハンサムなマグカップの下にボットを作成します。

新しいチャットボットを作成します。

次に、ボットはあなたの名前やサイトが何であるかなど、いくつかの簡単な質問をします。

WordPressボットを使用してLanbot.ioを構成します。

最後に、チャットボットの初心者であるかどうかをLandbot.ioに伝えることができます。これまでチャットボットを作成したことがない場合は、[はい]を選択することをお勧めします。そうすれば、プラットフォームの使用方法に関するいくつかのヒントが得られます。

WordPress統合で最初のLandbot.ioを作成します。

それが完了すると、新しいLandbot.ioアカウントにログインして、ダッシュボードにアクセスできるようになります。

ステップ2：基本的なチャットボットを作成する

それでは、チャットボットを作成する実際的な側面を見てみましょう。 Landbot.ioの場合、「ブロック」システムを使用して機能します。各ブロックには、順番に表示される複数のメッセージを含めることができます。さらに、ブロック内のアイテムごとに一意の「フロー」またはアクションを構成できます。

これが簡単な例です。すべてのチャットボットは、左側に表示されているウェルカムメッセージで始まります。次に、ユーザーに電子メールを要求する2番目のブロックを構成しました。次に、それをSlack通知にリンクし、簡単な「ありがとう！」を追加しました。その後のメッセージ：

Landbot.ioのありがとうメッセージをWordPressと統合して構成します。

これは、チャットボットと同じくらい簡単です。ただし、そのフローを使用してリードを収集できるため、会話型のランディングページには理想的です。訪問者の電子メールを受け取ったら、会話を好きなように続けることができます。その点に到達した経緯をお見せしましょう。

現在、チャットボットのフローは次のようになっているはずです。

最初のチャットボット。

先に進み、下部の要素の横にある緑色の線を画面の任意の場所にドラッグすると、メッセージまたは質問のいずれかを追加するオプションが表示されます。

Landbot.ioとWordPressの統合に関する質問を追加し、

質問に進みましょう。選択できるオプションがたくさん表示されます。この例では、 Eメールオプションを使用してみましょう。

email要素の選択。

Landbot.ioは事前に定義されたメッセージを表示しますが、任意のメッセージに変更してから、それらの変更を適用できます。

訪問者の電子メールを要求します。

これで質問の準備が整いましたが、新しいリードを取得したときに通知を受け取りたいので、左側の[統合]ボタンをクリックしてみましょう。

Landbot.ioとWordPressの統合。

今すぐSlack / Emailオプションを選択し、1分前に設定した質問に接続してください。この例では、Slack統合の代わりに単純な電子メール通知を設定します。

これを行うには、 Notification要素をクリックし、Slackオプションを無効にして、 Eメール通知設定を有効にします。次に、通知を受け取りたいメールアドレスと、通知に含める必要のあるテキストを以下に追加します。

電子メール通知の構成。

通常どおり要素に変更を適用してから、設定を閉じます。最後に、誰かが親切にもメールを共有してくれたときに表示されるお礼のメッセージを追加する必要があります。これを行うには、緑色の線を通知要素から別のポイントにドラッグし、[シンプルメッセージ]オプションを選択します。

シンプルメッセージオプションの選択。

次に、表示するメッセージを追加し、画像、GIF、YouTubeビデオ、さらにはスパイスを効かせたい場合はHTMLコードを含めることもできることに注意してください。

ありがとうメッセージを編集します。

これで基本的なランディングページチャットボットの準備が整いましたが、WordPressに追加する前に、見栄えを良くしましょう。 Landbot.ioチャットボットは箱から出してすぐに見栄えがしますが、画面上部の[デザイン]タブをクリックすると改善できます。このタブから、[デザインテンプレート]オプションを選択します。

Landbot.ioデザインタブ。

次に、必要なテンプレートを試して、画面の右側でチャットボットがどのように表示されるかを確認します。

新しいテンプレートのプレビュー。

チャットボットに加えることができる他のデザインの調整はたくさんあります。それらについて詳しく知りたい場合は、Landbot.ioの完全なドキュメントを確認してください。今のところ、好きなテンプレートを選択してから、画面の右上にある[保存して公開]ボタンをクリックします。

新しいチャットボットを公開します。

これで、基本的なチャットボットの準備が整いました。 Landbot.ioをWordPressと統合する時が来ました。

ステップ3：チャットボットをWordPressに埋め込む

今すぐLandbot.ioダッシュボードの上部にある[共有]ボタンをクリックしてください。プラットフォーム上のチャットボットにユーザーを送信するために使用できるリンクが表示されます。

新しい共有URLをチェックアウトします。

Landbot.ioを完全なランディングページオプションとして使用する場合は、ドメインをこのURLに向けるだけです。ただし、チャットボットを既存のWordPressサイトと統合したいと考えています。そのため、左側の[ウェブサイトに埋め込む]オプションをクリックします。

Landbot.ioの埋め込みオプション。

次の画面に、チャットボットを任意のWordPressページに埋め込むために使用するHTMLスニペットが表示されます。チャットボットを全ページ、ウィジェット、またはライブチャットとして表示するかどうかを選択することもできます。この例では、ライブチャットオプションを使用します

以下の例に示すように、基本的なDiviページをすべて準備できました。

基本的なDiviレイアウト。

先に進んで、そこのどこかにコードモジュールを追加しましょう。これにはライブチャットコードが含まれます。モジュールがどこに行くかは問題ではありません。結局のところ、ライブチャットは画面の右側に最小化されて表示されます。

Landbot.ioとWordPressの統合。

チャットボットをランディングページの目玉にしたい場合は、フルページオプションを使用することもできます。ただし、これを行うと、ボットがページ全体に表示されることに注意してください。つまり、Diviを使用して設定したすべてのものがカバーされます。そのため、他のコンテンツを誤って覆い隠さないように、最初にチャットボットを中心にサイトを設計する必要があります。 WordPressの使用中に完全な会話型ランディングページを設定する場合は、これが最善の方法です。

結論

会話型のランディングページは、Webデザインではまだやや未踏の分野ですが、コンバージョンを増やすための効果的なツールになる可能性があります。ランディングページの目玉としてチャットボットを使用すると、競合他社と一線を画すのに役立つ場合もあります。そのため、Landbot.ioなどのサービスを試すことを検討する必要があります。

この記事では、次の手順を使用してLandbot.ioをWordPressと統合する方法を説明しました。

Landbot.ioアカウントを設定します。
基本的なチャットボットを作成します。
チャットボットをWordPressに埋め込みます。

より良いチャットボット体験を作成することについて質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！

Iryna Sunrise /shutterstock.comによる画像記事のサムネイル