WordPressフォームに「保存して後で続行」オプションを追加する方法

公開: 2022-03-03
how to save wordpress form progress

ユーザーがWordPressでフォームの進行状況を保存できるようにする簡単な方法が必要ですか?

フォームの保存と再開機能を使用すると、部分的に入力されたフォームを保存して、ユーザーが後で送信を完了できるようにするオプションを追加できます。 これにより、ユーザーはいつでもフォームに戻って送信できるため、フォームの放棄率を減らすことができます。

この記事では、ユーザーがWordPressフォームの進行状況を保存できるようにする方法をいくつかの手順で説明します。

ただし、最初に、ユーザーがフォームの送信を保存して再開できるようにすることの利点について学びましょう。

WordPressフォームの進行状況を保存する理由

フォームが長い場合は、進行状況を保存するオプションをユーザーに許可する必要があります。 複雑なフォームは通常、入力に時間がかかります。 また、重要な書類や個人データを提出する必要がある場合は特に、ユーザーが現時点ですべての情報を持っていない場合があります。

彼らはフォームに記入し始め、後で手元にない身分証明書を提出する必要があることに気付くかもしれません。

多くの場合、ユーザーはデバイスのシャットダウンやインターネット接続の不良などの技術的な問題に直面します。 これは、サイトで部分的に記入されたフォームの送信を受け取る理由の1つでもあります。

ただし、長いフォームを完全に回避することはできません。

したがって、保存と再開のオプションは、必要なフォームに非常に適しています

  • 機密データ:相手がこれをあなたと共有できるかどうかを確認するのに時間がかかる場合があります。
  • 財務情報:銀行、弁護士、または雇用主からこの情報を入手する必要がある場合があります。
  • 書類のアップロード:これには、写真、身分証明書、銀行取引明細書、確定申告書、給与明細書が含まれます。
  • 調査情報:アンケートが長すぎる場合は、時間があるときに後で戻ってアンケートを終了することをお勧めします。

これらのフォームに保存と再開のオプションを追加すると、ユーザーは進行状況を保存して、後でフォームの送信を続行できます。 これにより、ユーザーは長いフォームを一度に完成させるというプレッシャーから解放されます。

同時に、ウェブサイトの所有者が貴重な提出物を見逃すのを防ぎ、フォームの完成率を高めます。 部分的なフォーム送信を利用して、ユーザーと連絡を取り、より多くのリードを生成することもできます。

そうは言っても、ユーザーがWordPressフォームの進行状況を保存して、将来再開できるようにする方法を見てみましょう。

WordPressフォームの進行状況を保存する最も簡単な方法

フォームに保存および再開機能を追加するには、この機能を提供する優れたフォームビルダープラグインが必要です。 WPFormsの使用をお勧めします。

wpforms

WPFormsは、WordPressサイトに最適なフォームビルダープラグインです。 お問い合わせフォーム、支払いフォーム、申し込みフォーム、注文フォームなど、あらゆる種類のフォームを作成できます。

ドラッグアンドドロップフォームビルダーを使用すると、誰でも数分でプロのWordPressフォームを作成およびカスタマイズできます。 また、300以上のビルド済みフォームテンプレートが付属しているため、最初から始める必要はありません。

最高のことは、WordPressフォームの進行状況をSaveandResumeアドオンを使用して保存するオプションを提供することです。 これにより、フォームに保存と履歴書のリンクが追加されます。 これをクリックすると、ユーザーはフォームの進行状況を保存して後で続行できます。

部分的に記入されたフォームにいつでもアクセスするために使用できる継続リンクを提供します。 したがって、フィールドがたくさんある長いフォームがある場合、これは最適なソリューションです。

これ以外に、WPFormsは多くの強力な機能を提供します。 それらのいくつかは次のとおりです。

  • 使いやすくセットアップも簡単
  • 高度なフォームの通知と確認
  • ファイルのアップロードとコンテンツの送信
  • GooglereCAPTCHAなどのスパム保護サービス
  • サードパーティ統合用のWebhookをサポートします
  • ビルトインエントリー管理システム
  • フォローアップメールを送信するためのConstantContact、Dripなどとのメールマーケティングの統合
  • eコマースと支払いオプションのフォームフィールド

使用するフォームビルダーがわかったので、WordPressフォームに保存および再開機能を追加する方法を学びましょう。

ステップ1:WPFormsプラグインをインストールする

まず、WPFormsアカウントにサインアップする必要があります。 WordPressリポジトリには無料版もあります。

ただし、Save and Resumeアドオンと追加機能にアクセスするには、プロプランにアップグレードする必要があります。

サインアップすると、WPFormsアカウントダッシュボードにアクセスできます。 [ダウンロード]タブには、プラグインのダウンロードファイルとライセンスキーがあります。

WPForms license key

プラグインファイルをダウンロードして、WordPressサイトにインストールする必要があります。 これについてサポートが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

WPFormsプラグインをインストールしてアクティブ化したら、WordPress管理ダッシュボードでWPForms»設定を開きます。 プロ機能を有効にするには、ここにライセンスキーを入力する必要があります。

WPForms license page

次に、[キーの確認]ボタンをクリックすると、確認の成功メッセージが表示されます。

次に、WordPressサイトでSaveandResumeアドオンを設定する必要があります。

ステップ2:Save andResumeAddonをインストールする

WPFormsを使用すると、管理ダッシュボードからプラグインアドオンを直接インストールできます。

したがって、 [WPForms]»[設定]タブに移動すると、下にスクロールすると[保存と再開]アドオンが表示されます。 次に、[アドオンのインストール]ボタンをクリックしてアクティブにします。

install-save-and-resume-addon

アドオンをインストールしてアクティブ化した後、ユーザーがWordPressフォームの進行状況を保存し、後で送信を続行できるようにすることができます。

これで、フォームを作成し、WPFormsを使用して保存および再開機能を追加する準備が整いました。

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

新しいフォームを作成するには、管理パネルの[ WPForms]» [AddNew]タブに移動します。 次のウィンドウに、フォームテンプレートライブラリが表示されます。

ここには、登録フォーム、寄付フォーム、注文フォームなど、あらゆる目的のフォームテンプレートがあります。 このチュートリアルでは、 Simple Employment Application Formテンプレートを選択しますが、目標に適したテンプレートを自由に選択してください。

choose wordpress form template

フォームに適切な名前を入力したら、[テンプレートを使用]ボタンをクリックできます。 これにより、ビジュアルフォームビルダーが起動します。

drag and drop form builder wpforms

WPFormsは、非常にユーザーフレンドリーなドラッグアンドドロップビルダーを提供します。 初心者でも、コーディングなしでWordPressフォームを作成できます。

フォームフィールドを左側のパネルからフォームプレビューにドラッグアンドドロップするだけで、好きなように順序を並べ替えることができます。

既存のフォームフィールドをカスタマイズするには、フォームフィールドをクリックするだけで、左側のパネルにフィールドオプションが表示されます。

たとえば、ファイルアップロードフィールドを編集します。 このフィールドを選択すると、ラベル、説明を変更し、ファイル拡張子を選択するためのオプションが表示されます。

edit form field

Smart Logicを追加して、前の質問に対するユーザーの応答に基づいてこのフィールドを表示/非表示にすることもできます。

WPFormsのテンプレートはすぐに使用できるので、ここで行う必要があるのは最小限の変更だけであることに注意してください。 フォームテンプレートには、個人情報、住所、ファイルのアップロードなどの適切な情報を収集するために必要なすべてのフォームフィールドがすでに含まれています。

WordPressフォームの作成が完了したら、進行状況を保存します。 次に、保存と再開の機能を追加できます。

ステップ4:保存と再開の設定を構成する

ユーザーがフォームの進行状況を保存して後で続行できるようにするには、[保存して再開]オプションを設定する必要があります。

これを行うには、フォームビルダーの左側のメニューにある[設定]»[保存して再開]タブに移動します。 次に、[保存と再開を有効にする]オプションをオンに切り替えます。

enable save and resume settings

これにより、WordPressフォームで保存および再開機能を構成するためのすべての設定が開きます。

次に、各オプションを1つずつ設定する方法を説明します。

リンクテキストの保存と再開をカスタマイズする

表示される最初のオプションはリンクテキストです。 これは、フォームに表示されるハイパーリンクテキストです。 そのため、ユーザーは送信ボタンの代わりにリンクをクリックして、フォームの進行状況を保存します。

デフォルトのテキストは「保存して後で再開」です。 ただし、好みに応じてテキストをカスタマイズできます。

save and resume link text

免責事項ページを表示する

次に、ユーザーに免責事項メッセージを表示して、データが保存されることをユーザーに通知することを選択できます。 ユーザーは、保存と再開のオプションを続行するかキャンセルするかを選択できます。

免責事項ページオプションを有効にして、ユーザーにメッセージを表示できます。 次に、デフォルトの免責事項メッセージを含むテキストエディタが表示されます。 テキストを編集することも、そのままにしておくこともできます。

enable disclaimer page

確認メッセージをカスタマイズする

ユーザーが[保存して再開]オプションを選択し、免責事項メッセージを承認した後、確認メッセージを表示できます。

免責事項のテキストと同様に、確認ページ用に事前に作成されたテキストがあることがわかります。 必要に応じて、メッセージをカスタマイズできます。

ただし、ユーザーが後でフォームへの入力を再開するための重要な指示をすべて含める必要があります。

confirmation page save wordpress form progress

WPForms Save and Resumeアドオンを使用すると、フォームの送信を再開するための2つのオプションをユーザーに提供できます。 彼らです:

  • 履歴書リンクを有効にする:ユーザーが後でフォームに記入するためにコピーして使用できる保存と履歴書のリンクを追加します。
  • 電子メール通知を有効にする:ユーザーの電子メールアドレスを要求し、電子メール通知でリンクを送信します。 したがって、ユーザーは後でメールを開き、リンクをクリックしていつでもフォームに入力できます。

両方のオプションを同時に有効にすることもできます。

電子メール通知の保存と再開をカスタマイズする

メール通知オプションを有効にすると、下にテキストエディタが表示されます。

電子メール通知に保存と再開のリンクを追加するには、{resume_link}スマートタグを使用する必要があります。

email notification settings

最後に、[メッセージの表示]オプションが表示されます。 これは、フォームの履歴書リンクを含む電子メールが送信されたことをユーザーに通知する最終確認テキストです。

設定を失わないように、フォームビルダーの[保存]ボタンをクリックすることを忘れないでください。

ステップ5:メールマーケティングプロバイダーに接続する

WPFormsを使用すると、人気のあるマーケティングサービスをWordPressフォームとシームレスに統合できます。 この機能を使用すると、ユーザーに自動メールを送信して、不完全なフォームに記入するようにユーザーに通知できます。

フォームの進行状況を保存することを選択したユーザーをメーリングリストに追加できます。 このようにして、これらの連絡先にタグを付け、DripやConstantContactなどの電子メールマーケティングサービスのDripシリーズに追加できます。

これを設定するには、フォームビルダー内の[マーケティング]タブをクリックし、選択した電子メールマーケティングプロバイダーを選択します。 次に、画面の指示に従って、フォームをメールアカウントに同期します。

add marketing integration in wpforms

使用するメールサービスによっては、アカウントに接続するためにAPIキーを入力する必要がある場合があります。 キーはアカウントダッシュボードにあります。

あなたが今する必要があるのはあなたのWordPressサイトにあなたのフォームを追加することです。

ステップ6:WordPressフォームを公開する

WPFormsを使用すると、数回クリックするだけで、WordPressの投稿、ページ、サイドバーにフォームを簡単に挿入できます。

WordPressブロックエディターを使用している場合は、 WPFormsブロックを検索して追加できます。

wpforms block save wordpress form progress

その後、作成したフォームを選択できるドロップダウンメニューが表示されます。

choose save wordpress form progress

次に、テキストエディタにフォームのプレビューが表示されます。 フォームをサイトに挿入するには、右上隅にある[公開]ボタンをクリックするだけです。

publish form

WordPressクラシックエディターを使用している場合は、[フォームの追加]ボタンをクリックして、フォームを簡単に選択できます。

add-form-classic-editor

フッターやサイドバーなどのウィジェット対応領域にWordPressフォームを挿入することもできます。 これを行うには、[外観]»[ウィジェット]タブに移動し、WPFormsウィジェットを右側のサイドバーまたはフッターメニューにドラッグアンドドロップします。

次に、ドロップダウンからフォームを選択して、変更を保存できます。

add wpforms to sidebar

おめでとうございます! WordPressフォームが正常に公開されました。 それでは、保存と再開の機能がWebサイトでどのように機能するかを確認しましょう。

ステップ7:WordPressフォームの進行状況を保存する

WordPressサイトにフォームを追加した後、[後で保存して再開する]リンクが正しく機能しているかどうかを確認できます。

フロントエンドでは、[送信]ボタンの横にリンクが配置されていることがわかります。

save and resume link frontend

ユーザーが[保存して後で再開]リンクをクリックしたとき。 次のウィンドウに免責事項のメッセージが表示されます。

WordPressフォームの進行状況を保存したい場合は、[続行]ボタンをクリックできます。 そうでない場合は、[戻る]をクリックできます。

continue saving form progress

[続行]ボタンをクリックすると、確認メッセージと[再開]リンクオプションが表示されます。

フォームにメール通知オプションを追加した場合、ユーザーはメールアドレスを入力して[リンクを送信]ボタンをクリックする必要があります。

send link

次に、ユーザーは受信トレイに履歴書のリンクが記載された電子メール通知を受け取ります。

さらに、WPFormsを使用すると、管理ダッシュボードに部分的なフォームエントリを表示できます。 WPForms»Entriesページに移動すると、すべてのWordPressフォームのエントリがここに表示されます。

partial form entries

保存および再開機能を備えたフォームを選択すると、フォームエントリのステータスが[部分的]として表示されます。 ユーザーが再開して後でフォームを送信すると、ステータスが「完了」に変わります。

entries partial status

このように、WPFormsは、支払いオプション、電子メールマーケティングの統合、フォーム通知など、他の多くの強力な機能を提供します。

WPForms Builderの使用方法がわかったので、次のようなWebサイト用の他のフォームを作成することもできます。

  • レビューフォーム
  • お問い合わせフォーム
  • 予約フォーム
  • 調査と投票
  • ニュースレター登録フォーム
  • 予約フォーム
  • そしてもっとたくさん

ページビルダーでWebサイトやその他の機能をカスタマイズしたい場合は、SeedProdを確認してください。 これは、WordPress用のNo.1のWebサイトビルダープラグインであり、魅力的なテーマやランディングページなどを作成できます。

そしてそれがすべてです! この記事が、ユーザーがWordPressサイトでフォームの進行状況を保存できるようにする方法を学ぶのに役立つことを願っています。

次に、私たちが厳選したこれらのリソースを確認できます。

  • GoogleAnalyticsでWordPressフォームトラッキングを設定する方法
  • 適切なフォームの通知と確認を設定する方法
  • WordPress用の最高のメールキャプチャツールとフォームビルダー

これらの投稿は、フォームの追跡や電子メールの通知と確認など、WordPressフォームに機能を追加するのに役立ちます。 最後の1つは、メーリングリストを作成するための適切なツールを見つけるのに役立ちます。