WordPress のフォームコンバージョンを促進する 5 つのヒント
訪問者に Web サイトで購入、デモへのサインアップ、ホワイト ペーパーのダウンロードをしてもらいたい場合は、そのプロセス用の Web サイト フォームを作成する必要があります。
Web フォームのデザイン、メッセージング、機能は、訪問者がフォームに入力してコンバージョンに至るかどうかに大きな影響を与えます。 WordPress フォームにこれらの小さな調整を加えることで、訪問者の認知的負荷を軽減し、フォームのコンバージョンを促進することができます。
このガイドでは、Gravity Forms と無料の Contact Form 7 プラグインに関するヒントを紹介します。これらはすべて、Gravity Forms のコア機能と設定を使用するか、いくつかの無料およびプレミアム アドオンを備えた Contact Form 7 を使用している場合に完了できます。しかし実際には、どのヒントもほとんどのトップ WordPress コンタクト フォーム プラグインに適用できます。それでは始めましょう!
1. フォームデザインに強い色のコントラストを活用する
Web 訪問者がサイトにアクセスすると、通常、詳細情報を取得するか購入するかにかかわらず、目的を達成するための最も速く簡単な方法を探しています。フォームのコンバージョンを増やす 1 つの方法は、フォームのデザインとレイアウトをすべての訪問者が確認しやすいものにすることです。
WordPress サイトでよくある間違いは、デフォルトの Web サイト フォーム デザインを、白いフォームの背景と薄い灰色のボックスをフォーム フィールドとして設定することです。
代わりに、フォームの背景、フォーム ラベル、および白いフォーム フィールドの間に強い色のコントラストがあるフォーム デザインを作成することを検討してください。フォームの色を選択するときは、少なくとも 4:5:1 のコントラスト比で色のコントラストに関する WCAG ガイドラインに従ってください。これにより、障害や視覚障害を持つ訪問者がフォーム フィールドと Web ページの背景色を明確に区別できるようになります。
リソースとしてGravity Forms デベロッパー アクセシビリティ ガイドを参照してください。このガイドには、色のコントラストと色の使用に関するセクション全体を含め、アクセシビリティと重力フォームについて知っておくべきことがすべて記載されています。
無料の Contact Form 7 プラグインを利用している場合、Accessible Defaults 拡張機能は、すべてのフォームにアクセシビリティのベスト プラクティスを実装するのに役立ちます。
2. オプションのフィールドの数を減らす
Web サイトのフォームが長いと、記入に時間がかかることが多く、コンバージョンを妨げる可能性があります。訪問者はフォームに遭遇すると、そのフォームに記入するのにかかる労力が、得られる利益に見合う価値があるかどうかを無意識のうちに計算しています。
一般に、フィールドの数をできる限り減らします。いくつかのオプションのフォーム フィールドを含める必要がある場合は、フォーム送信時のユーザー エラーを減らすために、必須フィールドとオプション フィールドを明確にラベル付けします。
有料のGravity Form プラグインでは、フォームフィールドはデフォルトでオプションになっており、WordPress ダッシュボードでフォームを編集するときに「必須」オプションをオフにすることができます。
無料のContact Form 7 プラグインの場合、フォーム フィールド HTML にアスタリスクを追加するのが、必要に応じてテキスト フィールドを識別する最良の方法です。
長い Web フォームの場合、Web 訪問者はその個人情報をすべて共有したいかどうかも考慮する必要があります。潜在的な顧客との信頼を確立するために、Web フォームにプライバシー ポリシーへのリンクを追加し、データ保護に関する GDPR のベスト プラクティスに従うことを検討してください。
3. 複数ステップ/複数ページのフォームを検討する
詳細な登録プロセスまたは申請のために Web サイトに長いフォームを表示する必要がある場合は、それを複数ステップまたは複数ページのフォームに変換することを検討してください。
長いプロセスを小さなステップに分割することで、労力が軽減され、より多くの Web 訪問者がプロセスを開始するようになります。複数ページのフォームの場合、各ページのフォームの下に進行状況バーを設定すると便利です。これにより、訪問者がフォームに入力する際のプロセスのどこにいるのかが示されます。
有料のGravity Forms プラグインを利用している場合は、組み込みのプラグイン オプションを利用して、複数ページのフォームを作成し、ページごとにフォーム フィールドをグループ化できます。 「ページングの開始」、「改ページ」、および「ページングの終了」のフィールドを追加するときにコア オプションを使用して、独自のマルチステップ フォームを作成します。
Contact Form 7 用の有料プラグイン拡張機能もあり、これを使用してサイトに複数ステップのフォーム プロセスを追加できます。 Multi-Step pro を使用すると、長いフォームをステップごとのプロセスに分割できます。
フォームのさまざまなページを設定するときは、ユーザーがフォームを通過するときのユーザー エクスペリエンスを考慮してください。まずは基本情報をリクエストし、類似したデータをグループ化してみてください。これにより、労力が軽減され、フォームへのスムーズな流れが生まれます。
いつものように、簡単な Web サイトのフォームを通じて健康情報や財務データなどの機密情報を要求する場合は、十分に注意してください。
4. フォームエントリのデータを自動的にフォーマットする
一部のフォーム フィールドでは、電話番号、日付、クレジット カード番号など、特定の形式が必要な場合があります。フォームフィールドのエントリを自動的にフォーマットすることで、Web 訪問者のプロセスをスピードアップし、より早く変換できるようになります。
Gravity フォームでは、電話番号フィールドを設定するときに、米国または国際の電話番号形式スタイルを選択できます。
訪問者を特定の電話形式に制限したくない場合は、フォーム フィールドのプレースホルダー テキストとしてデータ入力の例を提供することも検討できます。これは、訪問者が日付や住所の正しい形式をすばやく判断するのに役立ちます。 Contact Form 7 では、これを行うために、数値フィールドの HTML コードにプレースホルダーのウォーターマークを含めることができます。
ただし、フォームフィールドラベルの代わりにプレースホルダーテキストを使用することは避けてください。フィールドをクリックするとプレースホルダー テキストが消え、訪問者によっては参照としてラベルが必要になる場合があるため、これは Web アクセシビリティの重要な実践です。ユーザーは Web の閲覧中に複数の作業を同時に行っているため、注意が散漫になる可能性があることを考慮して、手順をできるだけ明確にする必要があります。
これらの手順はすべて、Web 訪問者が最初の送信時にフォームに正しく入力するのに役立ちます。送信エラーが発生し続けると、ほとんどの人はフォームを 1 回か 2 回再送信しようとはしません。
5. 誤解を招く行動喚起を避ける
誤解を招く行動喚起はコンバージョンを損なう可能性があります。 Web 訪問者は、Web サイトのフォームで情報を提供することでどのようなメリットが得られるかを無意識のうちに評価していることを忘れないでください。
行動喚起または CTA は、誰かにすぐに行動を起こすよう促す Web サイト上のメッセージです。一般的な CTA の例には、デモのリクエスト、無料の相談を受ける、カートに追加などがあります。
フォーム上のフィールドを減らすことと、クライアントの要求を満たすのに十分な情報を要求することの間にはバランスが必要です。計算や見積もりを提供すると約束した場合、顧客はそのリクエストを即座に提供するためにフォームに十分な情報を要求することを期待するでしょう。これらのフィールドがすべて欠落している場合、Web 訪問者はフォームが誤解を招くものであると判断し、計算結果が提供される代わりに営業担当者から電話を受けることになります。
フォームのメッセージに加えて、フォームの送信後に訪問者に表示されるサンキューページまたは確認メッセージも確認してください。メッセージングは、フォームの送信が処理されたことを確認することで、ポジティブなユーザー エクスペリエンスを提供する必要があります。
各フォームに特定のお礼ページまたは確認ページを設定すると、分析でのコンバージョン トラッキングにも役立ちます。
Gravity フォームを使用すると、フォームの作成時に [設定] > [確認] で [リダイレクト URL] を定義できます。
Contact Form 7 の場合、Contact Form 7 の無料アドオン Redirection により、ユーザーが連絡フォームを正常に送信した後にリダイレクトするオプションが追加されます。
フォーム変換用のWordPressツール
色のコントラストからフィールド入力の書式設定まで、WordPress サイトでのフォーム変換の数を増やすことができます。さまざまな WordPress ツールを活用し、UX デザインのベスト プラクティスに従うことで、訪問者が Web サイトでフォームを送信する努力をする可能性を高めることができます。