Google フォームで問合せページ(無料ツール) | プログラマー月島優 AmbEditorPlus 公開中

プログラマー月島優 AmbEditorPlus 公開中

アメブロの標準エディタをカスタマイズする AmbEditorPlus(Chrome 拡張機能)を公開しています。

 

 

Google フォーム(無料ツール)で問合せページを作ろう

ここでは、無料で使える Google フォームを使って、簡単に『お問い合わせ』フォームを作る手順をご覧になれます。

 

この記事を読む前に

Google アカウントをお持ちでない方は
Google アカウントの作成(Google アカウント ヘルプ)
に従って、Google アカウントを作成してください。

 

作成手順

お問い合わせフォームの作成

  1. 下記の Google フォームにアクセスします。
    https://docs.google.com/forms
    ※ログイン画面が表示されたら、ログインしてください。
     
  2. 「新しいフォームを作成」で、『連絡先情報』をクリックします。
     
     
  3. 「連絡先情報」の文字2ヶ所を「お問い合わせ」に変更します。

     
  4. 『住所』をクリックし、『削除』をクリックします。

     
  5. 同様に、『電話』も削除します。
  6. 『コメント』をクリックし、『お問い合わせ内容』と入力し『必須』を ON にします。

     
  7. 『設定』ボタンをクリックし、全てのチェックを外します。

     
  8. 『プレゼンテーション』をクリックし、『確認メッセージ』編集後、右上の『保存』をクリックします。

    ※『○○のブログにお問い合わせいただきありがとうございます。2~3日以内に、こちらから返信をいたしますので、それまでしばらくお待ちください。なお、数日たっても返信が届かない場合、お手数ですがこちらの電話(090-1234-5678)までご連絡いただけると幸いです。』
    のように、届かなかった場合のケアも必要です。
     

問い合わせ通知の設定

  1. 『回答』をクリックし、『スプレットシートの作成』をクリックします。

     
  2. 『作成』をクリックします。

    ※あたらしいタブで、スプレッドシートが開きます。
     
  3. 『ツール』→『通知ルール』の順にクリックします。

     
  4. 『ユーザーがフォームを送信したとき』と『メール - その都度』にチェックを入れ、『保存』をクリックします。

     
  5. 画面が変わったら、『完了』をクリックします。

     

お問い合わせフォームのURLを取得

  1. 「お問い合わせ」フォームの画面に戻ります。
    ※ブラウザーの「タブ」をクリックして、画面を切り替えます。
     
  2. 『送信』をクリックします。

     
  3. 「リンク」をクリックします。

     
  4. 『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

 

 

本でしっかり勉強したい人は、こんな本はいかがですか?