![](https://www.netbusiness123.com/wp-content/uploads/2020/05/question-150x150.png)
自分のサイトにお問い合わせページを作りたいんだけど、簡単に作れる方法があったら教えてもらえませんか?
それでは今回は、Googleフォームを使って簡単にお問い合わせページを作成する方法を解説していきます。
この記事を読んで出来るようになること
- Googleフォームを使ってお問い合わせフォームを作れるようになる
- ユーザーからのお問い合わせをスプレッドシートで管理できるようになる
- 自分のサイトにGoogleフォームを埋め込んだお問い合わせページを作れるようになる
完成イメージ
このようなお問い合わせページを作成します。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/image-35-755x1024.png)
実際にやってみよう
Googleフォームでお問い合わせフォームを作成する
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/image-1-1-e1590133213538-300x280.png)
お問い合わせフォームを作成する
Googleフォームへアクセスし、「新しいフォームを作成」の空白を選択します。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/image-33-1024x238.png)
お問い合わせフォームの「タイトル」を入力し、「お名前」の入力欄を作っていきます。
- タイトル:お名前
- 表示:説明をチェックON→(ハンドルネーム可)
- 回答方式:記述式
- 必須
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/e09869f9d314238e8530bb17414264b7-1024x661.png)
次にをクリックして「メールアドレス」の入力欄を作っていきます。
- タイトル:メールアドレス
- 回答方式:記述式
- 表示:回答の検証をチェックON→テキスト→メールアドレス
- 必須
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/f901e3b00e42030300c7e62fe47537b9-1024x504.png)
次にをクリックして「件名」の入力欄を作っていきます。
- タイトル:件名
- 回答方式:記述式
- 必須
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/81a08fa332898fb57f2b959b88460ab3-1024x324.png)
次にをクリックして「お問い合わせの内容」の入力欄を作っていきます。
- タイトル:お問い合わせの内容
- 表示:説明をチェックON→(改行可)
- 回答方式:段落
- 必須
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/d940d3e3ade6838641916e878fd78eed-1024x388.png)
テーマをカスタマイズする
右上のパレットアイコンから、ヘッダー画像やテーマの色を選択できるので、自分のサイトに合わせて設定してください。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/a24ad24cf73f7b9e6a858a4474ee2cc2.png)
お問い合わせを管理する
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/image-3-1-e1590133257263-300x220.png)
お問い合わせをスプレッドシートへ連携する
「回答」タブのスプレッドシートのアイコンをクリックします。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/562bd9114c0cb1472505d70627305a64-1024x355.png)
「新しいスプレッドシートを作成」をチェックして、適用なファイル名を入力し「作成」をクリックします。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/8b9eee86a4abfbc4e390e2e8920ac690-1024x427.png)
スプレッドシートが作成されました。これでユーザーのお問い合わせ内容がスプレッドシートに書き込まれるようになりました。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/3ebdd8a007f87b29c8a29ed875793949-1024x295.png)
お問い合わせがあったことを自分にメール通知する
問い合わせがあったタイミングでメール通知してくれる設定をしておくと便利です。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/c81da1874e54e7adbeb0307dd74c0ebe-1024x486.png)
お問い合わせを送信した後の表示を設定する
右上の「設定」ボタンを押して、「プレゼンテーション」タブを開きます。
「別の回答を送信するためのリンクを表示」のチェックを外します。
確認メッセージには、お問い合わせ後に表示するメッセージを入力します。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/25b0786ad5f1f390da26639edcdbd349-1024x502.png)
お問い合わせページにGoogleフォームを埋め込む
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/image-2-1-e1590133238247-300x205.png)
Googleフォームの埋め込みコードを取得する
右上の「送信」ボタンを押して、「<>」タブを開きます。
「コピー」をクリックして、Googleフォームの埋め込みコードをコピーします。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/e10ba6e9386a49b7da816066720c422e-1024x444.png)
WordPressのページへGoogleフォームの埋め込みコードを貼り付ける
WordPressの管理画面へ行き、投稿または固定ページに「お問い合わせ」ページを新規作成します。
「カスタムHTML」ブロックを追加し、Googleフォームの埋め込みコードを貼り付けたら完成です。
![](https://www.netbusiness123.com/wp-content/uploads/2020/05/5b98ff2e6a46cb193b5cea24e3d83dbd-291x300.png)
まとめ
今回は、Googleフォームを使って、あなたのサイトにお問い合わせページを作成する方法をお伝えしました。
サイト運営者へ連絡する手段があるということはユーザーの安心に繋がります。
サイト運営にとってもサイトやコンテンツを品質の高いものにしていくためにユーザーからのフィードバックは大変貴重なものになるでしょう。
コメント