WordPressで会話型フォームを作成する方法(Typeformの代替)

私たちの経験では、ユーザーフレンドリーなフォームは、WordPress のフォーム完了率を高めることができます。しかし、すべての質問が一度に表示される従来のお問い合わせフォームを使用すると、この目標を達成するのが難しくなるかもしれません。

そこで会話形式が大きな助けとなる。

会話形式は、一問一答方式です。これらのフォームは、自然な対面式の会話をシミュレートし、プロセスをより双方向的で無理のないものにします。

このガイドでは、WordPress で会話形式のフォームを作成する方法を紹介します。適切なフォームプラグインの選択から、サイトのスタイルに一致するフォームのカスタマイザーまでカバーします。

WordPressに最適な会話型フォームプラグイン（Typeform代替プラグイン）

以前は、WordPressに特化した優れたソリューションがなかったため、WordPressサイトで会話型フォームを作成するのは困難でした。

いくつかのSaaSアプリケーションはこの機能を提供しており、中でもTypeformは最も人気があった。しかし、これにはいくつかの欠点があった：

• TypeformはSAAS(Software as a Service)ツールであり、フォームのデータはサーバーに保存されます。つまり、データの安全性に関して他者を信頼することになります。
• Typeformは小規模ビジネスには高価だ。プレミアムプランは25ドル/ユーザー/月からで、より多くの機能が必要な場合は83ドル/月まで支払うことになる。

さらに、Typeformには無料プランもありますが、あまりにも限定的です。そこで私たちはWPFormsのチームにWordPress用のTypeform代替ソフトの作成を依頼しました。

WPFormsのConversational Formsを使えば、Typeformのような高いコストをかけずにインタラクティブなWordPressフォームを作成することができます。

このアドオンを使えば、どんなフォームも90秒以内に会話型フォームに変身させることができる。Typeformとは異なり、WPFormsはオープンソースのWordPressプラグインであるため、フォームデータはすべてサードパーティのアプリではなく、あなたのサイトに保存されます。

さらに、WPFormsはTypeformよりも費用対効果が高い。年間プランの料金は199.50ドルで、無制限のフォーム、アンケート、その他Conversational Forms Addonを含む強力な機能がたくさんついてきます。

WordPressサイトに会話形式のフォームを簡単に作成する方法を見てみましょう。

情報開示:WPFormsはWPBeginnerの開発チームによって作成されました。それは私たちのプレミアムWordPressプラグインの一つです。

動画チュートリアル

Subscribe to WPBeginner

文章での説明がお好きな方は、そのまま読み進めてください。

WordPressで会話型フォームを作成する

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。

WPFormsは最高のWordPressフォームプラグインで、600万以上のサイトで使用されています。また、ドラッグアンドドロップエディターと2000以上のフォームテンプレートの膨大なライブラリのおかげで、市場で最もユーザーフレンドリーなフォームビルダーです。

詳しい手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、WPForms ” 設定ページにアクセスしてライセンスキーを確認する必要があります。この情報はWPFormsサイトのアカウントエリアにあります。

次にWPForms ” Addonsで Conversational Forms アドオンを探します。

会話型フォームはフォームの放棄を減らすのに有効である。双方向性と対面式の会話アプローチは、フォーム完了率の向上につながります。

これは以下のようなフォームに非常に効果的である：

• アンケート用紙
• 顧客フィードバックフォーム
• イベント登録フォーム
• 寄付フォーム
• ユーザー登録フォーム

これらのフォームは一般的に長く、より多くのフィールドを含みます。すべての質問を一度に表示すると、ユーザーは圧倒され、フォームを放棄するかもしれません。

会話型フォームは、ユーザーに一度に1つの質問に答えてもらうことで、この問題を解決します。退屈な長いフォームの代わりに、よりインタラクティブに感じられ、ユーザーを飽きさせません。

このアドオンをインストールするには、「アドオン」ページでアドオンを探すか、検索バーを使ってアドオンを素早く見つけてください。見つけたら、「アドオンをインストール」ボタンをクリックしてください。

WPForms は数秒以内に Conversational Form アドオンをインストールし有効化します。

アドオンの状態が ‘有効化’ と表示されたら、使用を開始できます。WPForms で作成した新規または既存のフォームで会話型フォームを有効化できます。

この例では、会話形式のアンケートフォームを作成する方法を紹介します。

まず、通常のアンケートフォームを作成しましょう。WordPress 管理エリアからWPForms ” 新規追加をクリックします。次に、利用可能なオプションからテンプレートを選択します。

詳細については、WordPress でアンケートを作成する方法のステップバイステップガイドをご覧ください。

WPFormsでフォームを作成するのは、そのシンプルなドラッグアンドドロップインタフェースを使用して簡単です。あなたは右側のフォームエディターに左側のフォームフィールドをドラッグすることができます。

WPFormsのアンケートフォームのサンプルはこんな感じです：

アンケートの質問を追加したら、左のパネルの設定 ” 会話型フォームタブに移動します。

この機能を有効化するには、「会話フォームモードを有効化」スイッチをオンにするだけです。

その後、会話フォームの設定とカスタマイザーオプションが表示されます。

これらのオプション設定により、カスタマイザーメッセージ、ロゴ、配色、プログレスバーを備えた魅力的な会話型フォームのランディングページをデザインすることができます。

では、アドオンをカスタマイズしてみよう。

一番上に「会話フォームのタイトル」フィールドがあります。そこにフォームの短い説明タイトルを入力することができます。

例えば、『アンケートにご協力ください！』。

変更後、フォームをプレビューしたい場合は、簡単にできます。

会話フォームの右側にある青い「会話フォームのプレビュー」ボタンをクリックしてください。

次に、「メッセージ」フィールドまでスクロールダウンします。

ここでは、ユーザーにフォームへの入力を促す短いメッセージを追加することができます。

エディターを下にスクロールすると、「パーマリンク」フィールドが表示されます。

パーマリンクは会話フォームのランディングページのためのユニークなURLです。プラグインはあなたのタイトルを使って各会話フォームのパーマリンクを自動的に作成します。しかし、変更したい場合はご自由に変更してください。

パーマリンクを設定する際は、短くシンプルなものにしましょう。このURLは、メールキャンペーンやソーシャルメディア投稿で使用することができます。

会話フォームページのカスタマイズの次のステップはヘッダーロゴを追加することです。そのためには’Upload Image’ボタンをクリックしてアップロードする画像を選択するだけです。

その下に、WordPressフォームのWPFormsブランディングを非表示にするチェックボックスオプションが表示されます。

フォームのランディングページに’powered by WPForms’のメッセージを表示したくない場合は、’WPForms Brandingを非表示’にチェックを入れてください。

必要であれば、右上の青い「会話形式のプレビュー」ボタンをクリックして、ブランディングの外観をプレビューすることもできます。その後、それを含めるかどうかを決めることができます。

その後、フォームの「送信」ボタンとページの背景をカスタマイズするための「配色」オプションがあります。

あらかじめ設定された色のいずれかを使用するか、カラーピッカーを使用して新しい色を選択することができます。

最後に、「プログレス・バー」設定がある。パーセンテージ」と「プロポーション」の2つのスタイルから選ぶことができる。

それぞれのプログレス・バー・スタイルがどのように見えるかを確認したい場合は、スタイルを1つずつ選択してフォームをプレビューすることができます。

例えば、パーセンテージのプログレスバーはこんな感じです：

では、「プロポーション」スタイルに切り替えてみよう。

会話形式ではこうなる：

会話フォームの設定がすべて完了したら、プレビューして実際のサイトでどのように見えるかを確認することができます。

問題がなければ、上部の「保存」ボタンをクリックして進行状況を保存してください。

それだけだ！

さて、ブラウザーでパーマリンクを開けば、それが実際に動いているのがわかるだろう。

会話型アンケートフォームのページはこんな感じでした：

会話型フォームのランディングページの準備ができたので、WordPressのナビゲーションメニューにリンクを追加し、メールキャンペーン、ソーシャルメディアの更新、ブログ投稿で使用することができます。

この投稿がWordPressで簡単に会話形式のフォームを作成する方法のお役に立てれば幸いです。また、コンバージョンを増やすためのインタラクティブなフォームの作成方法や、WordPress でフォームのコンバージョンをトラッキングする方法についてのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.