見出し画像

Noteに「お問合せ」フォームを!

noteの記事に「お問い合わせ」フォームを貼りたい。さっそくGoogelで調べてみるものの、なかなか納得のいく情報が見当たらなかった。まさか、Googleフォームを利用して設置するとは思いもよらなかった。

Googleフォーム?

Googleフォームで作成した「お問合せ」フォームをブログで表示する」というサイトがあった。ここではじめて「Googleフォーム」を知った次第。どうやら作成方法はそう難しいものでないようで、マウス操作で選べば完成するらしい。

さっそく挑戦してみた。


埋め込み用コード

参考サイトを見様見真似でなんとかGoogleフォームのフォーマットを用意することができた。次に画面上にある「プレビュー」をクリックして、「送信」ボタンをクリック。

どこに送信になるやら不思議に思っていたところ、メニューに「<>」があったので選択すると、「HTMLを埋め込む」とコードが表示された。これをコピーしてnoteの記事の「+」から「<>」を選んで貼り付ければいいのかなと直感。コードを貼り付けしてみた。

ところが・・・、


noteに<>(貼り付け)を使って貼り付け

noteの記事を書く際に「+」のマークをクリックして、そこには見出しとか太字とかスタイルを選択できる。その中の「<>(貼り付け)」にはGoogleフォームで取得したコードを貼ればいいんだと思った。さっそく、フォームのコードをコピペしたみたが問合せフォームは表示されなかった???

よくよくみると枠の中には「http://  」とURLを求めていることがわかった。なのでGoogleフォームのプレビューで表示されるURLをコピペしてみたところ「お問合せ」フォームが表示された。

こちらがそのフォーム。

メールの行き先はいずこに?

さて、このフォーム実際に機能するのか、そもそもどこに情報が送信されるのやら疑問だらけ。悩んでいてもしかたがないので自分で試してみた。問合せフォームに必要情報を入力して送信! すると、画面はフォームが閉じられて終わり。

どこにメールが行ったやら!?


そういえばGoogleフォームの作成画面にの上部に小さく、「質問 回答」というメニューが並んでた。なるほど「回答」を選択したら送ったメールが届いているのかと確認してみた。

なるほど「回答1」と送信したメールが届いていた。


こうしたいああしたいはすでに世の中にある!

このままでは次のお問合せメールが送信できないのでこれまた困った。「回答1」を削除したらいいのかなと削除してみた。問題解決。なるほどこういう仕組みねと理解した次第。

Googleフォームには、そのテンプレートに「アンケート」や「招待状」、「申込書」といろいろフォームが揃っている。なるほどGoogleサービスとまた感心させられた。

私がこうしたい、ああしたいはすでに世の中にあるのです!


(marusblog記事)


ご意見ご感想をお聞かせください。




この記事が気に入ったらサポートをしてみませんか?