起動前にフォームをテストする

サイトにフォームを表示する前に、フォームが正しく動作することを確認したいですか?フォームをテストすることは、あなたとユーザーにとってスムーズなエクスペリエンスを保証する最善の方法です。

このチュートリアルでは、サイトでフォームを立ち上げる前に答えるべき最も重要な質問と、問題に対処してユーザーエクスペリエンスを向上させるためのヒントを共有します。


フォームのプレビュー

WPForms を使うと、サイトのページや投稿にフォームを追加する前に簡単にフォームをテストすることができます。これを行うには、WPForms " All Formsに移動します。次にフォームのタイトルにカーソルを合わせると、オプションの追加メニューが表示されます。オプションが表示されたら、プレビューをクリックします。

フォームのプレビュー

以下の質問をチェックしながら、このフォームプレビューを使用することをお勧めします。

フォームの機能テスト

フォームのプレビューを開いたら、以下の質問をして、フォームが期待通りに機能しているかどうかを判断してください。

1.フォームバリデーションは正しく機能していますか?

バリデーションメッセージは、ユーザーが必須フィールドをスキップしたり、正しくないフォーマットで値を入力したりした場合に、それを簡単に確認するのに役立ちます。

バリデーションが機能しているかどうかをテストするには、必須項目を入力せずにフォームを送信してみてください。空の必須フィールドには、"このフィールドは必須です "という赤いメッセージが表示されるはずです。

必須フィールドの検証メッセージ

次に、「Eメール」フィールドなど、書式ルールのあるフィールドに誤った書式を入力してみてください。フォームを送信しようとすると、正しい書式で入力するよう求める赤いメッセージが表示されるはずです。

フィールド・フォーマット検証メッセージ

検証メッセージが正しく表示されない場合、次のステップはコードの衝突をチェックすることです。

注:カスタマイズオプションについては、バリデーションメッセージの変更に関するチュートリアルをご覧ください。

2.フォーム通知メールは正常に届いていますか?

有効にして適切に設定すると、ユーザーがフォームを送信するとすぐに通知メールが自動的に送信されます。

しかし、サーバー設定の問題や、受信者のメールプロバイダーによるスパムフィルタリングにより、メールが正常に配信されないことがあります。

通知をテストするには、フォームを送信してください。その後、メールがあなたの受信箱(または受信者の受信箱)に届いたことを確認してください。

フォームの通知メールが届かなかったり、スパムとしてマークされた場合、または将来的に配信の問題が発生する可能性を避けたい場合、次のステップはあなたのサイトにSMTPを設定することです。これによりメールが認証され、常に正常に配信されるようになります。

すべての詳細とステップバイステップのセットアップ手順については、推奨SMTPソリューションのチュートリアルを必ずご覧ください。

通知に関する問題の解決方法については、フォーム通知メールのトラブルシューティングをご覧ください。

3.条件論理は正しく機能しているか?

フォームの条件ロジックをテストするには、フォームに追加した条件を必ず試してください。

条件ロジックが期待通りに動作しない場合、最良の次のステップは、条件ルールに問題がないか再チェックすることです。ルールが正しく論理的に見えるなら、次のステップはコードの衝突をチェックすることです。

4.フォームが送信されると、新しい購読者がマーケティングプラットフォームに追加されますか?

フォームにマーケティングサービスを接続してリードを収集している場合は、テストエントリーを送信し、メーリングリストをチェックして、新しいコンタクトが追加されていることを確認します。

Eメールマーケティングとの統合に問題がある場合は、次のステップとして、お使いのアドオンのセットアップチュートリアルをご覧ください。

利用可能なマーケティング統合オプションの関連チュートリアルはこちらです:

さらに、ZapierアドオンUncanny Automatorインテグレーション、またはWebhooksアドオンを使用して、当社がまだ専用のインテグレーションを持っていないマーケティングプラットフォームにサイトを接続することができます。その場合は、これらの接続も必ずテストしてください。

注:すぐに使えるフォームテンプレートをお探しですか?マーケティング統合フォームテンプレートのギャラリーをご覧ください。

5.テスト支払いは成功しているか?

私たちの支払いアドオンは、実際の支払いを受け入れる前に、その機能をテストするためのオプションが含まれています。詳細については、支払い統合チュートリアルをご覧ください:

注:あなたのサイトのライブページにフォームを追加する前に、必ず支払い設定をライブモードに切り替えてください。

6.各フィールドにどのような内容と形式を希望するかは明確ですか?

電話番号フィールドやEメールフィールドなど、一部のフィールドでは、ユーザーが特定の形式でテキストを入力する必要があります。

フォームに特定のフォーマットで入力する必要のあるフィールドがある場合、フィールドラベル、説明、またはプレースホルダーテキストを使用して、入力がどのように見えるべきかをユーザーに示すことができます。

電話番号フィールドにプレースホルダ・テキストを追加する

7.フォームが長すぎませんか?

より短いフォームは、ユーザーが入力しやすくなります。フォームに必要な項目が数項目以上ある場合、ユーザーに負担を感じさせないようにするには、次のような方法があります:

8.あなたのフォームはモバイルデバイスでうまく機能しますか?

WPFormsはモバイル・レスポンシブに設計されており、スマートフォンやタブレットなどのデバイスで見栄えが良くなるように適応します。

ただし、カスタマイズやサイトのテーマによっては、ユーザーがどのようなデバイスを使用していてもフォームに入力できるようにするために、追加の調整が必要になる場合があります。

フォームの応答性をテストするには、携帯電話のブラウザでフォームに入力して送信してみてください。

注:フォームにマルチカラムレイアウトを使用した場合は、モバイル用にシングルカラムに変更してください。

9.あなたのフォームはスパムから守られていますか?

フォームを安全に保つことは、スパムを避け、収集したデータを安全かつクリーンに保つための鍵です。WPFormsは様々なアンチスパムオプションでこれを簡単にします。これらのオプションには、内蔵のモダンなスパム対策、Akismetスパム対策の統合、およびCAPTCHAを追加するオプションが含まれています。

CAPTCHAの完了

これ以外にもWPFormsは国やキーワードフィルタなどの高度な設定を提供しています。これらの機能により、特定の場所や特定の単語を含むスパムエントリーをブロックすることができます。

すべての詳細とステップバイステップの設定手順については、WPFormsのスパム防止に関するチュートリアルを必ずご覧ください。

以上です!このチェックリストを使って、サイトに追加する前にフォームをテストすることができます。

次にWPFormsのエントリー管理についてもっと詳しく知りたいですか?詳細はフォームエントリーのガイドをご覧ください。

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。