50代からの人生をブログにしてみよう

50代からの身体の変化や日常などの記録です

お問合せフォームをGoogleフォームで作ってみた

無料ブログの時代を経て、自分仕様のブログに流れてきた私なので、フォームを1から作るのに毎回すごい汗かいてます。

いまどきのブログは、お問合せとプライバシーポリシーのページが必要なんだとか・・・

問い合わせって、ブログ記事に毎度付いているコメント欄じゃだめなんかい?

個人ブログのプライバシーって、そんなにあるっけ?

とか思ったりするのですが、おばちゃんは危機管理がなさすぎるって怒られそうですので、とりあえず作ってみました。

 

お問合せフォームの候補は3つ

  1. bloggerについているメールフォーム
  2. bloggerについているメールフォームを、ページに埋め込む
  3. グーグルフォームの利用

1.について

bloggerの問い合わせフォームは昔のブログのサイドバーについていた、メールフォームって感じで、なんか懐かしかったけど、いかにもメールくださいって感じだったので、やっぱりページを作って、メールを送るのに1工程増やして、なんとか、問い合わせを減らす方向で考えてみた。

問い合わせが欲しい人もいるのでしょうが、私がやってる個人ブログに問い合わせなんて、きっとろくなもんじゃないだろうし、返信に私が困ることは目に見えてます😂

なので却下。

2.について

いろいろググってみたのですが、bloggerのメールフォームをページに埋め込む方法を紹介している方をよく見たのですが、HTMLいじくるって、ちょっと苦手なんで却下しました。

おばちゃんは面倒な事はきらい。だいたいHTMLいじくった後にいじくった事忘れちゃうのがおばちゃんですから、なるべく触りたくはないんです。

3.に決定

となると、残りは3.しかない。

グーグルフォームを利用することにしました。 

bloggerを利用しているという事は、アカウントがあるんで、フォームも作りやすいです。あるものはとことん利用。おばちゃんのやりそうな事です。

Googleフォームでお問合せの作り方

グーグルサービスの中から、フォームを選択

f:id:watashi50:20211110172924j:plain

 

新規作成を選びます

f:id:watashi50:20211110173017j:plain

フォームが出現します~自分仕様に作成開始

新しいフォームを作成をクリックすると、フォームが出現します。

f:id:watashi50:20211110173105j:plain

お問合せしてくださる方が見る画面を作成します。

メールアドレスとお問合せ内容を書いていただけるフォームを作ろうと思ったので、記述式を選びました。+のボタンを押すと項目が追加されます。私はメルアドと問い合わせ内容の2つを作りました。

f:id:watashi50:20211110173252j:plain

メルアド記述は必須とさせてもらいました。アドレスもらわないと返事しにくいんで~

f:id:watashi50:20211110173331j:plain

お問合せメールきた後の処理方法を選択

今作っている質問タブの隣の、回答タブの赤○部分をクリックすると、

f:id:watashi50:20211110173931j:plain

お問合せメールが送られてきたあとの処理を、どうするか選択してくれ的ボックスが出ます。

f:id:watashi50:20211110173952j:plain

 

メール通知を受け取るを選択しました。

f:id:watashi50:20211110174027j:plain

 

フォームをカスタマイズ、プレビュー、設定

色変えたり、画像入れたりはしなかったです。面倒なんで~😌

f:id:watashi50:20211110174410j:plain

できたフォームをプレビュー(目のマーク)で見て確認したり、

設定画面のプレゼンテーションの中に、確認メッセージを作成するところがありますので、下記のような文章を作りました。

f:id:watashi50:20211110175356j:plain

お問合せに対する返信は上記文章にしました。

設定部分では、他は何もチェックいれなかったです。

f:id:watashi50:20211110180056j:plainf:id:watashi50:20211110175532j:plain

できたフォームをページに埋め込む

私はできたフォームをぺージに埋め込むことにしました。

埋め込みコード作成

送信をクリックすると、

f:id:watashi50:20211110175235j:plain

送信をクリック

<>タブに埋め込みコードがでてきます。

f:id:watashi50:20211110182515j:plain

Blogger側での作業

そのコードをコピーして、

Bloggerの作成ページを、HTMLビューにして貼り付けました。

幅、高さは特に変えませんでしたが、ページに張り付けた後に、widthの数値を100%にしました。

f:id:watashi50:20211110182442j:plain

数値ですると、携帯で見ると、フォームがはみ出ていたんですよね。どうしたらいいのかググったら、100%にすればいいとのことだったので、やってみたらできました。

お問合せフォームを使って自分に送ってみた(テスト送信) 

f:id:watashi50:20211110183053j:plain

回答に①とでました。
お問合せきたよのメールもきました。

 

ちゃんとできたと思います。

必要な方が使ってください。