cf7 google sheet connector

WordPressカスタマイズ

フォームメールを自動でGoogleスプレッドシートに保存するプラグイン「CF7 Google Sheet Connector」

WordPressで定番のフォームメールプラグインといえば、Contact Form 7
自分のサイトにお問合せなどのフォームメールを簡単に設置できるので、使っている人も多いと思います。

セミナーやイベントのお申込みフォームを作った時に、受信したメールからエクセルなどの表にコピペするのって結構面倒ですよね。
件数が多いとそれだけで時間がかかってしまいます。

何とか自動化できないかと思って調べていたら、便利なプラグインがあったのでご紹介します。

CF7 Google Sheet Connector

CF7 Google Sheet Connector」は、Contact Form 7 で作ったフォームをGoogleスプレッドシートに自動保存できるプラグインです。

Googleスプレッドシートとは、Googleが提供しているサービスで、ネット上でMicorsoftのエクセルとほぼ同等の機能が使えるものです。
ブラウザからの操作するので、ネットにつながるPCやタブレット、スマホであればどんな端末でも使うことができます。
Googleアカウント(Gメールのアドレス)をお持ちであれば、だれでも使うことができます。

事前準備

まず、WordPressにContactForm7をインストールして、有効化してください。
そして、フォームメールを作成・設置してください。
すでに、設置してある場合は何もしなくてOK。

次にGoogleアカウントを取得してください。
既に持っている方で、既存のアカウントを使用する場合は何もしなくてOK。

CF7 Google Sheet Connector のインストール

WordPressの管理画面にログインし、「プラングイン」→「新規追加」で追加画面に移動します。

検索欄に「CF7 Google Sheet Connector」と入れてプラグインを検索
今すぐインストール」を押し、終わったら「有効化」します。

CF7 Google Sheet Connector

インストールはひとまずこれだけ。

次に、Goolgeスプレッドシートを準備します。

Googleスプレッドシート

保存用のGoogleスプレッドシートを用意する

保存用のGoogleスプレッドシートを新規に作ります。
Googleスプレッドシート

お持ちのGoogleアカウントでログインしてくださいね。

スプレッドシートの画面上部の「+ 空白」をクリックして新しいスプレッドシートを作成します。

Googleスプレッドシート

そうすると、エクセルなどの表計算ソフトでおなじみの画面が現れます。

シート名とタブ名を変更する

次に、シート名とタブ名を変更します。

シート名: contact
タブ名: sheet1

画面上部の「無題のスプレッドシート」となっているところに「contact」画面下部の「シート1」となっているところを「sheet1」としましょう。

Googleスプレッドシート

シート名とタブ名は、何でも構わないのですが、今回は練習ということでこれで。
自分の使用状況に合せて、適宜変えてください。

シートにフォームの項目を設定する

コンタクトフォームの項目名をシートの一番上の列に入ます。

項目はこんな感じ。
ご自身の環境で適宜変更してください。

    • date
    • time
  • user-agent
  • your-name
  • your-email
  • your-message

Googleスプレッドシート

これで、Googleスプレッドシートの設定は終わりです。
フォームメールから送信されると、このシートに自動的にデータが入力されるようになります。

連携させる

認証コードの取得

いよいよ連携させていくわけですが、まず認証コードの取得が必要です。

WordPressの管理画面の左のメニューから「お問い合わせ」→「Google Sheets」を選択します。

cft google sheet connector

次に「Get Code」をクリックして認証コードを取得します。CF7 Google Sheet connector

ご自分のGoogleアカウントでログインし、アクセスの許可をします、

cf7 google sheet connector

そうすると、認証コード(ランダムな長い文字列)が発行されるので、コピーします。

認証コード

WordPressに戻ってコピーしたコードをペーストして「Save」を押します。

フォームと連携させる

WoedPress管理画面の左のメニューから「お問い合わせ」→「コンタクトフォーム」を選択。

フォームを選択

Google Sheets」というタブができているので選択。

先ほど作ったスプレッドシートの設定を入れて「保存」をクリック

お疲れ様でした。
これで連携できるようになりました。

確認する

ちゃんと動くか確認します。
お問い合わせフォームから送信して、先ほどのGoogleスプレッドシートにデータが入っていれば成功です。

うまく行きましたか?

イベントや講座のお申込みフォームに便利

あとは、自動入力されたデータを加工すれば、受付表も簡単にできますね。

それ以外にも、フォームメールの設定が狂っていて、こちらにメールが届かなかった場合でも、スプレッドシートに記録が残っているので、万が一の時も安心です。

ピックアップ記事

  1. スマホ動画を作るときの手順とアプリ
  2. Googleの日本語Webフォント
  3. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  4. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  5. 無料セッション!ホームページ・WordPressのお悩み解決

関連記事

  1. WordPressカスタマイズ

    ビジュアルエディタに独自のクイックタグを追加する

    クイックタグを追加することで、書式の追加の効率が良くなり、記事作成が速…

  2. api

    Google Chart API を使用したQRコード生成

    ホームページにモバイルアクセス用のQRコードを生成する。Googl…

  3. SEO

    オススメのWordPressテンプレート 2018

    WordPRessには無料で使えるテンプレートが多数用意されています。…

  4. WordPressカスタマイズ

    WordPressの基礎

    WordPressのユーザー権限

    権限グループ 管理者 administrator 編集…

  5. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面で不要な表示オプションを非表示にする

    WordPressの投稿画面や固定ページ作成画面は、一般のユーザーには…

ピックアップ

  1. さよならインターネットエクスプローラー
  2. WordPress初心者ワークショップ 名古屋開催
  3. wordpress5.0リリース
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. HTML/CSS

    蛍光マーカーのように表示するCSS
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で管理者権限のユーザーにメールを送る
  3. WordPressカスタマイズ

    WordPressカスタマイズ

    編集者グループにユーザー追加・編集権限を与える
  4. WordPressカスタマイズ

    WordPressカスタマイズ

    アイキャッチ画像が設定項目がないとき
  5. SEO

    無料セッション!ホームページ・WordPressのお悩み解決
PAGE TOP