2023年12月4日8 分

お問合せフォームの作り方と6つのポイント

最終更新:2023年12月7日

公開日 2019年2月26日、更新日 2023年12月4日

ビジネスが成長する過程において、新規リードの獲得は欠かせません。

フォーム、単に顧客からの質問に回答するためだけでなく、資料請求や見積依頼などの要望に応えたり、またはあなたのビジネスに対してフィードバックを得るためにも活用することができます。

この記事では、お問い合わせフォームの導入を考えている方や、これからホームページを作成する方向けに、お問い合わせフォームの作り方と、6つのポイントを解説していきます。


 
目次

お問い合わせフォームの作成方法

コーディングしてサイトに追加

グーグルフォームを埋め込んで使用する

Wixでお問い合わせフォームを作成

お問い合わせフォーム作成の6つのポイント

01.簡潔で分かりやすいフォーム構造

02.必須項目・任意項目を設定する

03.分かりやすいエラーメッセージとヒントの提供

04.希望の連絡受け取り方法の設定

05.確認画面の導入

06.自動メッセージを返信設定

本格的なホームページをWixで作成/|Wix.com

お問い合わせフォームの作成方法

01.コーディングしてサイトに追加

HTML・CSSの技術を持っている場合は、HTMLを編集することで、お問い合わせフォームをホームページに追加することができます。

メリットは、完全にカスタマイズすることが可能で、デザインや機能を自由に調整できる点です。

reCAPTCHA とは

「私はロボットではありません」ボックスにチェックマークを入れるよう訪問者に要求し、人間とロボットを区別するための簡単なテストです。Google が提供する無料ツールで、スパムや自動不正行為などからサイトを保護します。

02.グーグルフォームを埋め込んで使用する

お問い合わせフォームを作成するおすすめの方法は、Google フォームを利用することです。フォームのデータはGoogle スプレッドシートに自動的に保存されるため、データをまとめる際にも便利です。

Google フォームをホームページに埋め込む手順

  1. Google フォームを作成する

  2. フォームの送信設定をクリック

  3. 埋め込み用HTMLコードを作成

  4. お使いのホームページエディタのHTMLコード埋め込みエリアに挿入

ホームページのデザインに合わせてカスタマイズしたい場合は、お問い合わせフォームサービスやプラグインを導入することがおすすめです。

03.ウィックスでお問い合わせフォームを作成

Wixでは、お問い合わせや注文などの用途ごとに用意されたテンプレートから、お好きなお問い合わせフォームを作成することができます。

  1. Wixエディタでサイトにアクセスします。

  2. エディタ左側で「追加」アイコンをクリックします。

  3. 「フォーム」をクリックします。

  4. 「フォーム」下でフォームを選択し、サイトにドラッグします。

高機能なホームページをWixで作成/|Wix.com

お問い合わせフォーム作成で注意点6つ

お問い合わせフォームを作成、リードを獲得するためには、以下の6つのポイントに注意すると効果的です。

01.簡潔で分かりやすいフォーム構造

フォームを短く入力する内容がすぐに理解できる構成にしましょう。

必用最低限の項目のみに抑えることで、ユーザーが気軽にお問い合わせフォームを送信できます。

ミニマルなフォームにする方法の1つとして、ドロップダウンメニューやチェックボックスを使った形式があります。

タイピング入力を最小限に抑えるべきもう一つの理由、モバイル機器を使用してのアクセスが増加していることが挙げられます。

02.必須項目・任意項目を設定する

ユーザーに求める情報を正しく入力してもらうために、必須項目と任意項目を設定しましょう。

どの項目を必須項目とするか、任意項目とするか、については、競合他社のお問い合わせフォームをリサーチしながら決めるようにしましょう。一般的なお問い合わせフォームでは、通常、氏名とメールアドレス、メッセージ本文が必須項目とする場合が多いです。

必須項目をユーザーにわかりやすく示すことは、フォームの効果を高める重要な要素です。

03.分かりやすいエラーメッセージとヒントの提供

ユーザーがフォームに誤りを含めた情報を入力した場合、分かりやすいエラーメッセージを表示し、どの項目が問題なのかを具体的に伝えます。

同時に、各項目には記入例を表示し、入力する内容とフォーマットが具体的にわかるようにします。

04.希望の連絡受け取り方法の設定

希望の連絡受け取り方法にいくつかの選択肢を用意することで、ユーザーが便利なコミュニケーション手段を選べるようになります。

例えば、希望の返信受け取り方法では、メールだけでなく、フェイスブックなどのSNSや電話などがより高く選択できるようにすること、ユーザーへとリーチできる可能性が高くなります。

05.確認画面の導入

フォーム送信前に確認画面を導入すること、ユーザーが入力した情報を最終確認できるようにします。

06.自動応答メッセージ

ユーザーがフォームを送信すると、自動的に受信確認やお礼のメッセージが送られるように設定します。

メッセージ内では、送信された内容を確認し、お問い合わせ内容に基づいた参考情報や次のステップに関する案内を提供することで、ユーザーとの対話を円滑に進めることができます。

Wix フォームの機能

Wixフォームなら、自動応答メッセージを送信するオートメーションはもちろん、フォーム送信後にあなたからのお礼のメッセージを受け取ることができる「お礼のページ」やポップアップバナー等の追加もできます。

まとめ

使いやすいお問い合わせ、顧客との信頼関係を築くための第一歩です。

Wixホームページを作成し、カスタムメイドのお問い合わせフォームをデザインしましょう。

本格的なホームページをWixで作成/|Wix.com

おすすめ参考記事

▶️ホームページの作り方の基礎と作成手順

▶️ホームページを構成する基本要素とパーツ名称
▶️高性能な予約管理システムを導入する方法:Wix ブッキング

編集者:下瀬みゆき

SEO & ブログコンテンツマーケター