マルチステップ フォームを作成しますか、それとも WordPress でマルチページ フォームを作成しますか? これ WordPress チュートリアル あなたにすべてを説明します ?

あなたがうまくいくあなたのウェブサイト上にフォームを作成したいなら、複数ページのフォームが行く方法です。 数ページにまたがって、彼らは倦怠感と戦い、ユーザーエンゲージメントを高めます。

この記事では、WordPressで複数ページのフォームを作成して、より多くのコンバージョンを獲得する方法を紹介します。

しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。 

しかし、なぜWordPressで複数ページのフォームを使用するのでしょうか。

WordPressにマルチページフォームを追加する理由

前述のように、複数ページのフォームは複数のページに分割されます。 フォームにステップを追加すると直感に反するように見えるかもしれませんが、実際にはフォームの変換率が上がる可能性があります。

複数ページのフォームは、一度に多くの選択をしなければならないユーザーの摩擦を減らします。 シンプルなオプションにより、フォームの各ステップの負担が軽減され、進行状況バーにより、ユーザーはフォームを続行して入力することができます。

完了率を向上させるようにフォームを設計したため、フォームの放棄が発生する可能性は低くなります。 また、条件付きロジックを使用すると、ユーザーの応答に基づいてさまざまなページをユーザーに提供できるため、必要な情報を簡単に収集できます。

これで、複数ページのフォームを使用することが理想的な理由がわかりました。 ユーザー体験、 WordPressでのフォームの作成に移りましょう。

WordPressでマルチページフォームを作成する方法

このチュートリアルでは、 WPForms WordPressで複数ページのフォームを作成します。 WPFormsは、最高のドラッグアンドドロップのWordPressフォームビルダープラグインです。 また、3万を超えるアクティブなインストールがあり、これは利用可能な最も初心者に優しいツールです。

何よりも、無料版と有料版の両方がありますが、今日はWPFormsのProバージョンを使用してWordPressで複数ページのフォームを作成します。

ガイドもご覧ください Elementorを使用してWPFormsフォームをカスタマイズする方法

それでは、新しいフォームを作成する最初のステップから始めましょう。

ステップ1:WordPressで新しいフォームを作成する

最初に行うことは、インストールしてアクティブ化することです プラグインWPForms。 方法がわからない場合は、このステップバイステップガイドに従うことができます WordPressプラグインをインストールするには 初心者向け。

WPForms を使用すると、任意のタイプのフォームを複数の部分に分割できます。 お問い合わせフォーム シンプル。

メニューに移動 WPForms->追加 新しいフォームを作成し、使用可能なテンプレートを表示します。

次に、このページでフォームに名前を付け、次のように入力します マルチページ お問合せフォーム 左側のサイドバーにある検索フィールドで。 次に、検索結果にカーソルを合わせてボタンをクリックします テンプレートを使用する.

WPFormsは、ドラッグアンドドロップフォームビルダーでフォームテンプレートを開き、編集できるようにします。

ご覧のとおり、フォームは空なので、フィールドをフォームにドラッグし始めます。 次のフィールドを削除します。 

  • 名前
  • メール
  • コメントやメッセージ

フィールドを左の列から右の列にドラッグすると、フォームにフィールドを追加できます。 フォームフィールドをクリックしてコンテンツを編集し、ドラッグして位置を並べ替えるだけです。

複数追加したい場合 お問い合わせフォーム WPForms を使用して、次の種類のフォームを作成することもできます。

  • 質問票
  • オンライン注文フォーム
  • タイプフォームスタイルフォーム
  • ファイルアップロードフォーム

これらのタイプのフォームのほとんどは、標準の連絡先フォームよりも長いため、複数のステップに分割すると、変換を改善できます。

開始方法がわかったので、フォームをパーツに分割する方法を学びましょう。

ステップ2:フォームをパーツに分割する

フォームをカスタマイズして必要なフィールドを追加したら、フィールドを追加します ページにジャンプ フォームを別のページに分割します。

これを行うには、下を見てください SophisticatedFieldsヘッダー フォームフィールドをドラッグします ページにジャンプ 右側のパネルにあります。

分割するフォームのフィールドをドロップします。

フォームを別のページに分割するセクションごとに、これを繰り返します。 そこから、入力する必要のあるフィールドを追加して、フォームのカスタマイズを続けます。

WPFormsを使用すると、必要な数のフォームを追加できますが、情報が多すぎてユーザーを圧倒しないようにすることが重要です。 これにより、彼らはあなたのフォームを放棄する可能性があります。これは、あなたが達成したいことの反対です。

ステップ3:フォームのプログレスバーをカスタマイズする

フォームのフローを増やすために、プログレスバーを追加できます。 プログレスバーは、フォームのさまざまなセクションを表示し、まだ実行されていない作業の量を視覚的に示します。

WPFormsには、次のような複数ページのフォーム用の3つの異なる進行状況インジケーターバーが付属しています。

  1. コネクタ –フォームの各ステップの接続バーとページタイトル。
  2. サークル –フォームの各ステップの番号付きの円とページタイトル。
  3. プログレスバー –フォームの手順を完了するときのユーザーの進行状況インジケーター。

複数ページのフォームの最初のページの進行状況バーとページタイトルを変更するには、フィールドをクリックします 最初のページ分割.

次に、フォームの進行状況のタイプを選択できる新しいパネルが表示されます。 この領域では、必要に応じて、進行状況インジケーターを強調表示するために使用される色を変更することもできます。

オプションを選択した場合 ou コネクタ、ページタイトルを編集することもできます。 これにより、ユーザーはフォームのどの部分を使用しているかを知ることができるため、迷子になることはありません。 ただし、希望しない場合は、標準のプログレスバーがユーザーに表示され、フォームへの入力をガイドします。

次に、ボタンを編集できます ページsuivante およびテキスト。ユーザーをフォームの次のページに移動します。

これを行うには、ボタンをクリックします 以下の  あなたのページの、あなたは左の列のボタンのラベルを変更することができます。

複数ページのフォームを作成する

さらに、ボタンを追加できます トグルをアクティブにすることによって 前を見る。 このようにして、ユーザーは情報を追加するのを忘れた場合に戻ることができます。

複数ページのフォームを作成する

プログレスバーのカスタマイズが完了したら、[ Enregistrer 次のステップに進みます。

ステップ4:フォーム設定を編集する

次に、フォーム設定の変更に移りましょう。 これを行うには、に移動します 設定->一般.

このセクションでは、次のオプションを設定できます。

  • フォーム名 –必要に応じて、フォームに新しい名前を付けます。
  • フォームの説明 –参照用にフォームに説明を追加します。
  • ボタンテキストを送信 –送信ボタンのテキストを編集します。
  • スパム保護を有効にする  –スパム対策オプションを有効にして、スパマーが不要な送信を送信しないようにします。

設定が構成されたら、をクリックします Enregistrer.

ステップ5:フォーム通知を設定する

WPFormsの通知設定。WordPressWebサイトでフォームが送信されたときにメールを送信します。

をクリックすると通知設定が表示されます 設定->通知.

フォーム通知をオフにしないと、Webサイトで送信されたフォームごとに電子メールが送信されます。

一方、スマートタグを使用して、フォームに入力するユーザーにメールを送信できます。 スマートタグは、フォームが正しく入力され、受け取ったことを知らせるための優れた方法です。

記入に時間がかかる場合があるため、複数のステップがある長いフォームでこの機能を使用することをお勧めします。 さらに、すべてがうまくいった場合にユーザーが歩き回るのを防ぎます。 さらにヘルプが必要な場合は、 フォーム通知の構成に関するドキュメントを参照してください ここに。

通知の設定が完了したら、フォーム確認メッセージの設定に進みます。

ステップ6:フォーム確認メッセージを設定する

フォーム確認メッセージは、ユーザーがWebサイトでフォームを送信したときに表示される短いメッセージです。 これは、フォームが処理されていることと、実行する必要のある手順を人々に知らせるための優れた方法です。

WPFormsには、次の3種類の確認メッセージがあります。

  1. ビデオメッセージ –フォームが送信されたことをユーザーに通知する簡単なメッセージ。
  2. ページを表示 –フォームを送信した後、ユーザーを別のページ(ありがとうページなど)に送信します。
  3. URLに移動(リダイレクト)– フォームの送信後、Webサイトの訪問者を別のWebサイトに送信します。

確認メッセージを設定するには、をクリックします 設定->確認.

次に、フォームに記入した後、訪問者に表示するメッセージのタイプを選択します。 このチュートリアルでは、 ビデオメッセージ.

次に、必要に応じてメッセージのテキストをカスタマイズし、をクリックします Enregistrer あなたが満足しているとき。

これで、フォームをWordPressに追加する準備が整いました。

ステップ7:フォームをWordPressに追加する

複数ページのフォームを作成したら、それをWordPressWebサイトに追加します。 WPFormsを使用すると、Webサイトの多くの領域にフォームを追加できます。 これらは、ページ、投稿、サイドバー、およびその他のウィジェット対応領域にすることができます。

マルチページフォームをWordPressページに追加する方法を見てみましょう。

開始するには、WordPress管理エリアに移動してクリックします ページ->追加.

次に、WordPressエディターのプラスアイコンをクリックして、新しいコンテンツブロックを追加します。 検索ボックスに「WPForms」と入力すると、簡単に見つけることができます。

マルチステップフォームを作成する

次に、WPFormsブロックをクリックして、ページに追加します。

ブロック内にWPFormsが表示されたら、ドロップダウン矢印をクリックしてリストから複数ページのフォームを選択し、ページに挿入します。

複数ページのフォームを選択するとすぐに、ページに表示されます。

マルチステップフォームを作成する

そしてそれがすべてです! 複数ページのフォームを作成する方法を学びました。

その他の推奨リソース

また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。

まとめ

三 ! このチュートリアルは以上です。 この記事が、マルチステップまたはマルチページのフォームを作成する方法を学ぶのに役立つことを願っています。

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。

しかし、それまでの間、私たちにあなたを残すことを忘れないでください commentaires 専用セクションの提案。

...