Googleフォームをブログに設置する方法【問い合わせフォームの作り方】

問い合わせフォームWebマーケティング

ブログなどのWebサイトを運営していて、感想やコメント、ときには仕事の依頼や相談を受けたりすることがあります。

WordPressにはContact Form 7やMW WP Formなど、問い合わせ機能を実装するためのプラグインはたくさんありますが、機能が豊富にあるため、少しややこしいんですよね。

そこでお問い合わせフォームとして、Google フォームをブログに設置する方法をご紹介します。

スポンサーリンク

Googleフォームをブログに設置する方法【問い合わせフォームの作り方】

Google フォームを利用すれば、簡単にフォームを作ることができます。

ブログに設置する流れは以下の通り。

Googleフォームをブログに設置する流れ

  1. Google フォームで問い合わせフォームを作る
  2. ブログに設置する
  3. 問い合わせボタンを作る【おまけ】

1. Google フォームで問い合わせフォームを作る

Google アカウントが必要なので、アカウントがない方は事前に取得しておきましょう。

1-1. Google フォームの公式サイトにアクセスします。

Google フォーム - アンケートを作成、分析できる無料サービス
自分でアンケートを作成するだけでなく、他のユーザーとも同時に共同で作成できます。また、デザイン性の高いさまざまな既製テーマから選択したり、独自のテーマを作成したりすることも可能です。しかも、Google フォーム内で結果を分析できる、Google の無料サービスです。

1-2. 「パーソナル」の「Google フォームを使ってみる」ボタンをクリックします。

Google フォーム

※ログイン画面が表示されたら、Google アカウントでログインしてください。

Google フォーム

1-3. 右下の「+」ボタンをクリックします。

Google フォーム

1-4. 下記の手順で、フォームを作ります。

Google フォーム

(1)フォームの名前、説明を入力します。(「お問い合わせ」など)

(2)質問を入力します。例えば「お名前」とします。

(3)クリックすると質問の形式を変更できます。

例えば「お名前」の場合は「記述式」を選択しましょう。

Google フォーム

(4)回答を必須にしたい場合は「必須」をクリックします。

(5)右側の「+」ボタンをクリックすると質問項目を追加できます。

1-5. 質問内容と回答形式を変更して、いろいろな質問を追加していきましょう。

1-6. 質問の作成が終わったら「送信」ボタンをクリックします。

Google フォーム

1-7. 「<>」をクリックします。

Google フォーム

1-8. 「コピー」をクリックします。

Google フォーム

コピーしたコードはこの後の手順2で使用します!

2. ブログにGoogleフォームを設置する

Google フォームで問い合わせフォームを作成できました。

次は自分のブログに設置していきましょう。

ここでは固定ページを作成して、そこにGoogle フォームを埋め込む方法をご紹介します。

2-1. WordPressの管理画面にログインしてください。

2-2. 「固定ページ」→「新規追加」をクリックします。

固定ページ

2-3. 下記のように入力していきます。

固定ページで問い合わせページ

(1)タイトルを変更します。(「お問い合わせ」など)

(2)パーマリンクを変更します。(「contact」など)

(3)「</>」(HTML編集)ボタンをクリックして、先ほどコピーしたコードを入力し「OK」をクリックします。

ブロックエディターをお使いの場合は「+」ボタンから「カスタムHTML」で入力しましょう。

パーマリンクは「スラッグ」の部分に入力します。

固定ページで問い合わせページ

(4)「プレビュー」をクリックして、問題なければ「公開」ボタンで公開して完了です。

固定ページで問い合わせページ

【参考】質問と形式について

参考までに、筆者が作成したフォームの質問内容と形式の組み合わせを掲載しておきます。

固定ページで問い合わせページ

お名前:記述式

性別:ラジオボタン

問い合わせ種別:ラジオボタン

カテゴリー:チェックボックス

お住まい:プルダウン

お問い合わせ内容:段落

問い合わせの通知メールを受け取りたいときは

問い合わせがあったとき、メールで通知を受け取ることができます。

(1)Google フォームの画面で「回答」に切り替えて、縦3つのボタンをクリックします。

Google フォームの回答をメールで受け取る

(2)「新しい回答についてのメールを受け取る」にチェックを入れましょう。Google フォームの回答をメールで受け取る

試しに自分で回答をしてみましょう。

お使いのGmail宛てに下記のようなメールが送られてきます。

Google フォームの回答をメールで受け取る

以上の手順でお問い合わせフォームが完成です!

スポンサーリンク

3. 問い合わせボタンを作る【おまけ】

ここからはおまけですが、せっかく作ったフォームなので、問い合わせてもらうために目立つボタンを作ってみましょう。

ここではサイドバーに「お問い合わせ」ボタンを作る方法をご紹介します。

3-1. ボタンデザインを決めます。

下記ページの手順1を参考に、ボタンのデザインを決めましょう。

≫ ブログのボタンをかっこよくする方法【WordPress初心者向け】

HTMLのコードのコピーまで完了したら手順3-2に進んでください。

3-2. 管理画面の「カスタマイズ」→「ウィジェット」→「サイドバー」の順にクリックします。

3-3. 「ウィジェットを追加」→「カスタムHTML」をクリックします。

サイドバー
サイドバーにボタンを追加

3-4. タイトルを入力して、先ほどコピーしたボタンデザインのHTMLコードを貼り付け、URLの部分に問い合わせフォームのURLを入力します。

サイドバーにボタンを追加

3-5. 「公開」ボタンをクリックします。

サイドバーにボタンを追加

3-6. 次はボタンにデザインのスタイルを当てていきます。

下記ページの手順3(1)から(4)までを参考に、CSSを追加しましょう。

≫ ブログのボタンをかっこよくする方法【WordPress初心者向け】

これでボタンの設置が完了です!

ブログで問い合わせフォームを作ったらこまめにチェックを

今回はブログの問い合わせフォームの作り方として、Google フォームを使った方法をご紹介してきました。

フォームを作ったらこまめにチェックするようにしましょう。

スパムメールが送られてくる可能性も十分にありますが、大事な仕事の相談や貴重なコメントが送られてくる可能性もあります。

Webサイトやブログ同様、作ったらしっかり管理していくことが必要です。

コメント

タイトルとURLをコピーしました