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

私たちの経験では、より個人的で使いやすいと感じるフォームは、WordPressサイトの完了率を高めることができます。

しかし、従来のお問い合わせフォームでは、すべての質問が一度に表示されるため、圧倒されてしまうことがあります。

そこで会話形式の出番となる。

会話形式のフォームは、一度に1つの質問をするので、実際の会話のように感じられます。これにより、フォームへの入力がより簡単になり、より魅力的になります。🚀

このガイドでは、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を含む強力な機能がたくさんついてきます。

ℹ️Disclosure:WPFormsはWPBeginnerと同じチームによって作成されました。それは私たちのプレミアムWordPressプラグインの一つです。

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

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

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

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

WPBeginnerでは、お問い合わせフォーム、移行リクエストフォーム、ユーザーアンケートなどにWPFormsを使用しています！さらに詳しくWPFormsのレビューをご覧ください。

詳しい手順については、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で会話型フォームを作成するためのチュートリアル動画をお探しですか？こちらをご覧ください！

Subscribe to WPBeginner

ボーナスのヒントWordPressのフォームをよりインタラクティブにする

フォームをより魅力的なものにしたいですか？

より視覚的にアピールするために、画像やアイコンを追加してみましょう。例えば、複数選択肢の質問にアイコンを使ったり、注文フォームに商品画像を追加したりすることで、ユーザーの迅速な意思決定を助けることができます。

もう一つの素晴らしい設定は、ユーザーの過去のオプションに基づいて質問を表示または非表示にできる条件付きロジックです。これにより、フォームを短く関連性のあるものに保ち、よりパーソナライズされた、圧迫感のない体験を提供することができます。

このような小さな調整でユーザーエクスペリエンスは大きく変わります。WordPressでよりインタラクティブなフォームを作成し、コンバージョンを増やす方法については、専門家のヒントをご覧ください。🚀

この投稿が 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.