と悩んでいる人もいるでしょう。
そこで、この記事では下記の内容を解説していきます。
この記事で分かること
- Google フォームでお問い合わせページを作る方法
- 最適なフォームを作る時の心得
WordPress ではお問い合わせページが作れるプラグインはたくさんありますが、Google フォームならプラグインを使わずにページを作ることができます。
最近では個人ブログからコーポレートサイトまで、幅広いジャンルのサイトでお問い合わせとして利用されています。
それでは、解説をスタートします。
Google フォームの魅力
![Google フォーム](https://otomami.org/wp-content/uploads/otogform25.jpg)
Google フォームは Google アカウントを持っていれば、誰でも無料で利用することができます。
G Suite(ビジネス向けの有料プラン)でももちろん使えるので、個人でもビジネスでも活用することができるんです。
Google フォームで出来ること
Google フォームでは、かなり高度なお問い合わせのページを作ることができます。
Google フォームなら簡単に
- 画像や Youtube を簡単に表示できる
- 回答内容によって質問を表示させる
- 外出先でもスマホで簡単にチェックできる
- スプレッドシートでグラフ化も簡単にできる
- 友達や同僚などと共同で作業ができる
これだけの内容を無料で使えるのですから、企業サイトでさえも使わない理由はないです。
HTML の知識や更新作業が不要
WordPress では、プラグインを使えば簡単にお問い合わせは作れます。
ただ、画像を入れたり回答内容によって質問を変えるには、HTML を駆使したり別のプラグインを追加したりする必要があります。
フォーム自体が複雑化すればするほど、システム的にも負担がかかるようになるわけです。
そうなってくると、プラグインの更新作業が増えたり、それに伴ってエラーも出る可能性が増えてしまいます。
そう考えると、余計な作業が減る Google フォームは非常に便利といえます。
Google フォームでお問い合わせページを作る
Google フォームを利用するには、まず https://www.google.com/intl/ja_jp/forms/about/ にアクセスして「Google フォームを作ってみる」のボタンをクリック。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform1.jpg)
もしくは、Google ドライブの画面で新規に Google フォームを立ち上げます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform2.jpg)
タイトルとファイル名について
Google フォームを立ち上げたら、左上にファイル名、そして「フォームのタイトル」には「お問い合わせ」とでも入力しましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform3.jpg)
タイトルはサイトにも表示されることになりますが、ファイル名は誰かに見せるわけではないので、識別しやすいような名前で OK です。
入力項目を追加していく
デフォルトでは「ラジオボタン」の項目が1つだけ設定されているので、まずはこれを「記述式」に変えてみましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform4.jpg)
そして、「質問」の欄に「メールアドレス」と入力してみましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform5.jpg)
すると「メールアドレスの収集設定を有効にする」と表示されるので、その部分をクリックして有効にします。
オトマミ
質問や画像などを追加
質問項目やメディアなどを追加する場合には、右側にあるメニューから追加していきます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform6.jpg)
追加できる内容
- :質問項目
- :質問をインポート
- T:タイトルを追加
- :画像
- :Youtube 動画
- :別のページ追加
説明のための画像や動画、そして必要な質問項目を追加していきましょう。
必須項目かどうかを設定
質問内容によっては必須にするか、もしくは任意で入力してもらいたい項目があるはずです。
もし必須項目としてたい場合は、必須のボタン を ON に切り替えましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform7.jpg)
色やフォントを設定
表示させたい項目が完了したら、次はフォームの色やフォントなどを設定していきましょう。
右上に テーマをカスタマイズ というメニューがあるので、クリックしてください。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform8.jpg)
すると、フォームでカスタマイズできる項目が表示されます。
カスタマイズ出来ること
- 上部に画像を追加
- テーマの色を変更
- 背景色を変更
- フォントを変更
サイトの雰囲気と合うように、追加・変更をしてみましょう。
プレビューを見てみる
どんなフォームになったのか、プレビューすることができます。
プレビューするには、右上にある をクリックするだけで OK です。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform9.jpg)
送信に関する設定
デザインが完了したら、次は 設定 をクリックしてみましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform10.jpg)
全般
全般の項目では、回答者が行える操作の設定などができます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform11.jpg)
基本的には、「メールアドレスを収集する」だけにチェックが入っている状態でいいと思います。
プレゼンテーション
プレゼンテーションの項目では、質問項目の表示をどうするのかを設定できます。
中でも必ず設定しておいた方が良いのが、「確認メッセージ」の部分。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform12.jpg)
ユーザーが回答した直後に、ここで入力した文言が表示されるようになります。
フォームの内容にもよりますが、「お問い合わせ頂き〜」と何かしら文言を設定しておきましょう。
テスト
Google フォームでは、何問正解したかどうかなどのテスト形式のフォームを作ることができます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform13.jpg)
詳しい設定方法は、Google フォームでテストを作成、採点する の記事を参考にどうぞ。
オトマミ
共同者や拡張機能を追加
右上にはもう1つ、 その他 というメニューがあります。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform14.jpg)
ここでは、共同編集者を招待したり、スケジュール管理するアドオン(拡張機能)を追加することができます。
個人でブログを運営するのであれば必要ないですが、ビジネスで利用する場合には必要な部分を設定してください。
「回答」を設定する
上記までは「質問」の部分を設定してきましたが、次は「回答」の部分を設定していきます。
回答を受け付けない
内容によっては、回答に期限を設けている場合もあると思います。
そんな時は、「回答を受付中」を切り替えて「回答を受け付けていません」にすることもできます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform15.jpg)
もし知らずに回答してしまった人のために、メッセージも追加しておきましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform16.jpg)
メールで受け付けるようにする
実は、完成させただけの Google フォーム を送信しても、なにも通知がなくて気づかないことがあります。
回答を見過ごさないように、メールアドレスに通知してもらう設定もしておきましょう。
まずは をクリックして、「新しい回答についてのメール通知を受け取る」を押してください。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform17.jpg)
すると、回答されるたびにメールアドレスに通知が送られてくるようになります。
Google フォームをサイトに表示する
全ての設定が完了したら、次は左上にある「送信」のボタンを押しましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform18.jpg)
すると、フォームをどのように送信するかメニューが表示されます。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform19.jpg)
選択できる送信方法
- :特定のメールアドレスに送信する
- :リンクだけをどこかに貼る
- :フォームをどこかに貼る
今回はお問い合わせページを作る手順なので、 にタブを切り替えてください。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform20.jpg)
すると <iframe> タグのコードが発行されるので、それを全てコピーします。
そしたら WordPress の管理画面を開いて、固定ページを新規追加します。
次に、ブロックの追加から「カスタムHTML」を追加してください。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform21.jpg)
「カスタムHTML」が編集画面に表示されたら、先ほどコピーしたコードを貼り付けましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform22.jpg)
そして、プレビューで確認してみて問題なければ、タイトルやパーマリンクも設定して「公開」しましょう。
![Google フォーム](https://otomami.org/wp-content/uploads/otogform23.jpg)
オトマミ
まとめ:機能的で便利なGoogleフォーム
![Google フォーム](https://otomami.org/wp-content/uploads/otogform26.jpg)
以上で、Google フォームでお問い合わせページを作る手順を紹介しました。
へたにプラグインを使うより、機能的で簡単な Google フォームを使った方がとても便利です。
フォームとしてのデザインを変えられないデメリットもありますが、問い合わせ機能としてはプラグインには負けないのでオススメです。
オトマミ