Googleフォームでブログのお問い合わせフォームを作成する

お問い合わせページをGoogleフォームで作成してみました。

フォームを作成する

Googleフォームに移動し、フォームを作成します。

「無題のフォーム」を「お問い合わせ」に変更します。

「質問を追加」ボタンを押し、質問を追加します。

ここでは名前を入力する欄を作成したいので、右上を「記述式」に変更し、フォームの名前を「お名前 (必須)」にします。

同様に、メールアドレスを記述するフォームやお問い合わせ内容のフォームを作成します。

て「テーマのカスタマイズ」で色を選択して、出来上がったものをプレビューしてみます。

まあまあうまく出来上がったと思うので、今度はこれに回答用のページを作っていきます。

回答用のページを作成する

「回答」のタブをクリックし、アイコンをクリックすると、

「新しいスプレッドシートを作成」と「既存のスプレッドシートを選択」という選択肢が出てくるので、

「新しいスプレッドシートを作成」を選択して、回答用のスプレッドシートを作成します。

これでお問い合わせの内容を保存するスプレッドシートが作成されました。

作成したGoogleフォームに適当な内容を入力して、実際に思ったとおりに動作するかどうかをテストしてみます。

「プレビュー」からフォームの画面に移動し、画像のように適当な内容を入力して送信してみます。

画像のようにスプレッドシートに追加されていたので、Googleフォームとスプレッドシート間の連携ができていることがわかります。

WebサイトにGoogleフォームを埋め込んでお問い合わせフォームを作る

WebサイトにGoogleフォームを埋め込むには、上の「送信」ボタンをクリックします。

「フォームを送信」から「HTMLを埋め込む」で埋め込むHTMLを取得します。

Webサイトにお問い合わせページを作成し、取得したHTMLを貼り付けます。

当サイトの場合、固定ページにお問い合わせページを作成し、ショートコードに上で取得したHTMLを貼り付けました。

まとめ

今回は、Googleフォームでお問い合わせページを作成し、公開してみました。

Googleフォームは導入が簡単なので、使ってみるといいと思います。

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