Work Plus+

日常の「work」に価値を「plus」する雑記ブログ

ブログ初心者でも簡単!お問い合わせフォームの作成方法【Googleフォーム】

f:id:hatenekoblog:20190407220527j:plain


雑記ブログを運営中の、はてねこ @hrsstm です

今回は、お問い合わせフォームの作成方法をまとめたいと思います

・ブログ初心者
・ブログ用にお問い合わせフォームを作成したい方

上記の方向けの記事となっています




Googleフォームでお問い合わせフォームを作成する方法

まず、Googleアカウントにログインした状態で、Googleフォームのサイトへいきます

Google フォーム - アンケートを作成、分析できる無料サービス


f:id:hatenekoblog:20190407171311j:plain

「無題のフォーム」となっているのが、お問い合わせフォームのタイトルとなります。私はシンプルに「お問い合わせ」にしました

f:id:hatenekoblog:20190407171615j:plain
続いてパーツを作成していきます。修正箇所は3箇所です

①タイトル
②記述方式
③入力必須かどうか

それぞれ適するものを選択します


f:id:hatenekoblog:20190407171706j:plain

まず、お名前入力の項目を作成します。記述式を選択することで、短文の入力を許可することができます

必須項目にするのを忘れないようにしましょう


f:id:hatenekoblog:20190407171835j:plain

作成したら、コピーマークを押すことで複製されます。複製された項目を修正しながら項目を追加していくと、効率が良いです


f:id:hatenekoblog:20190407171906j:plain

f:id:hatenekoblog:20190407171914j:plain

同様にメールアドレス、件名の項目を作成します


f:id:hatenekoblog:20190407172138j:plain


最後に内容の項目を作成します。お問合わせの内容はおそらく長文で入力されることになるので、②は「段落」を選択してください

以上で、形は完成です

リンクの作成

f:id:hatenekoblog:20190407172516j:plain

右上の設定マークを押します


f:id:hatenekoblog:20190407172808j:plain

プレゼンテーション → 確認メッセージへ、お問い合わせ完了時に表示されるメッセージを入力します。私は「お問い合わせありがとうございます」にしました



f:id:hatenekoblog:20190407173019j:plain

右上の送信ボタンを押します


f:id:hatenekoblog:20190407220915j:plain

リンクをコピーして貼り付けるだけで、お問い合わせフォームを設置することができます



お問い合わせフォームのデザインを変更する

f:id:hatenekoblog:20190407220902j:plain

右上のデザインマークを押します


f:id:hatenekoblog:20190407220921j:plain

  • ヘッダー
  • テーマ色
  • 背景色
  • フォントスタイル

4項目のカスタマイズができるみたいです。ブログ全体を考えると目立たない部分ではありますが、こういう細部までこだわることで、「しっかりしたブログである」という印象を与えることができます

自分のブログにあったデザインにカスタマイズすることをオススメします

お問い合わせフォー厶を作成したら必ず確認

お問い合わせフォームを設置したら、通知が来るかどうかの確認をとってください

実際に設置した、自分のお問い合わせフォームから問い合わせをしてみましょう。GoogleフォームにログインしていたアカウントのGmail宛に、メールが届きます

届かなかった場合は、正しく作成できていない可能性があるので、再度確認してみてください

正しく作成できた場合このようになります



最後までご覧いただきありがとうございました