無料ツール
Google フォーム(無料ツール)で問合せページを作ろう
ここでは、無料で使える Google フォームを使って、簡単に『お問い合わせ』フォームを作る手順をご覧になれます。
この記事を読む前に
Google アカウントをお持ちでない方は
Google アカウントの作成(Google アカウント ヘルプ)
に従って、Google アカウントを作成してください。
作成手順
お問い合わせフォームの作成
- 下記の Google フォームにアクセスします。
https://docs.google.com/forms
※ログイン画面が表示されたら、ログインしてください。
- 「新しいフォームを作成」で、『連絡先情報』をクリックします。
- 「連絡先情報」の文字2ヶ所を「お問い合わせ」に変更します。
- 『住所』をクリックし、『削除』をクリックします。
- 同様に、『電話』も削除します。
- 『コメント』をクリックし、『お問い合わせ内容』と入力し『必須』を ON にします。
- 『設定』ボタンをクリックし、全てのチェックを外します。
- 『プレゼンテーション』をクリックし、『確認メッセージ』編集後、右上の『保存』をクリックします。
※『○○のブログにお問い合わせいただきありがとうございます。2~3日以内に、こちらから返信をいたしますので、それまでしばらくお待ちください。なお、数日たっても返信が届かない場合、お手数ですがこちらの電話(090-1234-5678)までご連絡いただけると幸いです。』
のように、届かなかった場合のケアも必要です。
問い合わせ通知の設定
- 『回答』をクリックし、『スプレットシートの作成』をクリックします。
- 『作成』をクリックします。
※あたらしいタブで、スプレッドシートが開きます。
- 『ツール』→『通知ルール』の順にクリックします。
- 『ユーザーがフォームを送信したとき』と『メール - その都度』にチェックを入れ、『保存』をクリックします。
- 画面が変わったら、『完了』をクリックします。
お問い合わせフォームのURLを取得
- 「お問い合わせ」フォームの画面に戻ります。
※ブラウザーの「タブ」をクリックして、画面を切り替えます。
- 『送信』をクリックします。
- 「リンク」をクリックします。
- 『URLを短縮』をクリックし、『コピー』をクリックします。
ブログに使用する
記事に『お問い合わせボタン』を設置
記事に、下記のようなコードを貼りつけます。
<a href="#" style="color:#FFF;border-radius:10px;padding:15px 30px;text-align:center;font-size:24px;background:#3B5998;text-decoration:none;"><span>お問い合わせ</span></a>
※href="#" の # の部分には、『お問い合わせフォームの URL』を貼りつけてください。
オリジナルメニューに設置
下記の記事の『フリースペース編集手順』で、『お問い合わせフォームの URL』を使用してください。
新デザインの変更⑤(オリジナルメニュー)
新デザインの変更⑤(オリジナルメニュー)
以上です。お疲れさまでした。
記事を気に入って頂けたら
お願いします m(_ _)m
本でしっかり勉強したい人は、こんな本はいかがですか?