Contact Form7 vs Google Form！！

GoogleのSpread Sheetに注文情報をため込んで、何かしらデータ加工をしたいというお話を最近相談いただきまして。

注文情報をため込むにも、インプットするのはシステム素人のパートさんやお客様が対象です。

そこでGoogle Formを使おうということになるのですが、お客様対象となると、「パスワードをかけたい」。
しかし、Google Formはパスワードをかけられません。

GoogleFormとContact Form7を連携してみる

そこでとりあえず、Wordpressでcontact form7を使って、パスワード付きお手製フォームでGoogle Formと連携してやってみようと思い、以下のサイトで方法を見つけました。

Medium

1 User

27 Pockets

Googleフォームを自由にデザインカスタマイズする方法

https://medium.com/@yonemoto/googleフォームを自由にデザインカスタマイズする方法-f91a617b402b

Googleフォームを利用する上で妥協しなくてはいけない点がいくつかあります。特にデザイン面ではかなり制限されてしまいます。 本記事ではGoogleフォームの機能を利用しつつフロント部分だけ独自のHTMLとCSSを適用する方法について紹介します。

そこで、問題が！！

Google Formの部品のname要素が、name=“entry.12345678”のようなものなのですが、このピリオド”.”がContact Form7により、ハイフン”-“に自動変換されてしまうのです。（多分、javascriptなどを考慮して誤動作を防ぐため？）

意外と厄介なことになってきました。もちろん、MW WP Formも同じような挙動・・・。

救世主！CF7 Google Sheets Connector

途方に暮れつつも、他の方法がないかと探したところ、見つけました！「CF7 Google Sheets Connector」！

なんと、contact form7の内容をGoogle Spread Sheetのシートに転記してくれるのです！

連携方法は、（書くのが面倒くさいので）以下のサイトをご確認くださいませ。

manablog.org

7 Users

16 Pockets

【簡単】Contact Form 7とGoogle Spreadsheetを自動連携する方法

https://manablog.org/cf7-google-sheets-connector/

Contact Form 7から送信されたデータをGoogle Spreadsheetに保存する方法です。手順１．CF7 Google Sheets Connectorをインストール／手順２．データ保存用のGoogle Spreadsheetを作成する／手順３．Contact Form 7をGoogle Spreadsheetを連携する。

なお、Contact form 7 confirmは同時使用できませんでした。また、googleドキュメントエディタの各ファイルへのセキュリティ的に不安を感じる場合は、別のgoogleアカウントを作って連携したほうがいいかもです。

Google Formのように動いてくれるではありませんか。

しかも、Contact Form7 conditional fieldsを併用すれば、Google Formでは別ページに移動してしまった条件別表示も、１ページに収まる♪

いやぁ、便利なものがあるものですね。開発者の方、ありがとうございます！