ElementorフォームをGoogleスプレッドシートに接続する方法

ElementorフォームをZapierなしでGoogleスプレッドシートに接続する方法

ElementorフォームをGoogleスプレッドシートに接続しますか?

ElementorはWordPressダッシュボード内にフォームの送信を保存できますが、フォームの送信とリードのコピーをGoogleスプレッドシートに保存しておきたい場合もあります。

残念ながら、ElementorフォームにはGoogleスプレッドシートとの接続を迅速に行うためのソリューションは提供されていません。この自動化を設定するには、Zapierのようなサードパーティの統合アプリを使用する必要があります。

良いニュースは、より速く、安く、簡単に設定できる代替方法があることです。

この記事では、Zapierを使わずにElementorフォームをGoogleスプレッドシートに接続する方法を説明します。

フォームをGoogleスプレッドシートと同期する

ElementorフォームをGoogleスプレッドシートに接続する最良の方法は何ですか?

ElementorフォームをGoogleスプレッドシートに接続するデフォルトの方法は、Webhookを使用してZapierで自動化を作成することです。

初心者にはこの方法は推奨しません。なぜなら:

  • Webhookが必要で、設定が少し複雑になる可能性があります
  • Zapierは新しい送信ごとに合計許可数から1タスクを消費するため、シートに行を作成できる数には限りがあります。

フォームの送信が増えるにつれて、これはすぐに高価になる可能性があります。

WordPressフォームの送信をスプレッドシートに自動的に送信するための代替ソリューションを使用することで、WebhookとZapierを完全に回避できます。

その答えはWPForms Proを使用することです。

1300のテンプレートを表示するWPFormsホームページ

専用のフォームビルダープラグインとして、WPForms ProにはネイティブのGoogleスプレッドシート統合が含まれています。これにより、コードやサードパーティアプリを使用せずに、個々のフォームをスプレッドシートに接続できます。

さらに、ElementorにはWPFormsウィジェットがあるため、引き続きElementorを使用してページを構築し、ページ内にWPFormsフォームを埋め込むことができます。

これらのフォームビルダーの違いについてさらに詳しく知りたい場合は、Elementorフォーム対WPFormsのガイドをご覧ください。

WPForms Proを使用してGoogleスプレッドシートへの送信を簡素化するメリットがわかったので、この統合を完了するために必要な手順を見ていきましょう。

WPForms Proを入手

ElementorフォームをGoogleスプレッドシートに接続する方法

1. WPForms Proをインストールする

WPFormsはWordPress.orgで13件以上の5つ星レビューを獲得しており、最も評価の高いお問い合わせフォームプラグインの1つです。

サイトにWPForms Proをインストールするには、まずProライセンスを購入する必要があります。

WPForms 料金ページ 2023

購入が完了したら、WPFormsをサイトにインストールすることができます。

インストールは数分で完了します。プラグインがインストールされ有効化されたら、次のステップで示すようにGoogleスプレッドシートアドオンを取得する時間です。

2. Googleスプレッドシートアドオンをインストールする

WPFormsへのアドオンのインストールは、すばやく簡単です。WordPressダッシュボードから、WPForms » Addons に移動してください。

WPForms アドオン

WPForms Addonsページで、Google Sheets Addonを検索します。アドオンが画面に表示されたら、その下にあるInstall Addonボタンをクリックします。

Google Sheetsアドオンをインストール

アドオンのインストールと有効化が完了したら(数秒しかかかりません)、ステータスがActiveと表示されます。

Google Sheetsアドオンがアクティブ

これでアドオンの準備はできましたが、WPFormsとGoogleアカウントを接続して、スプレッドシートとシームレスに通信できるようにする必要があります。

3. WPFormsとGoogleアカウントを統合する

GoogleアカウントをWPFormsに接続するには、管理メニューからWPForms » Settingsをクリックします。その後、横ナビゲーションバーにあるIntegrationsタブをクリックします。

WPFormsインテグレーション

Integrations設定画面に入ったら、下にスクロールしてGoogle Sheetsを見つけ、クリックしてオプションメニューを展開します。その後、Add New Accountをクリックします。

続行(Googleで)ボタンをクリック

すでにGoogleアカウントにログインしている場合は、リストから選択するだけです。または、アカウントが保存されていない場合は、ログイン認証情報を入力できます。

Googleアカウントを選択

サインイン後、WPFormsがGoogleアカウントにアクセスするための権限リクエスト通知が表示される場合があります。要求された権限を許可すると、Googleアカウントが接続された状態でWPForms Integrationsページに戻ります。

Google スプレッドシート アカウントが接続されました

必要なプラグインと連携の設定がすべて完了したので、Google Sheetsにデータを送信できるWordPressコンタクトフォームの作成に進むことができます。

4. 新しいWordPressフォームを作成する

WPFormsでフォームを作成するには、WordPressダッシュボードからWPForms » Add Newに移動します。

新規フォームを追加

これにより、フォームビルダーインターフェイスが開きます。まず、フォームに名前を付けます。これは内部参照用ですので、どのような名前でも構いません。

フォームに名前を付ける

次に、下にスクロールしてテンプレート選択セクションに移動します。ここでは、必要に応じて使用できる2,100以上のフォームテンプレートがあります。

このチュートリアルでは、Simple Contact Formを使用します。

お問い合わせフォームテンプレートを使用する

選択したテンプレートは、数秒で読み込まれます。

お問い合わせフォームを読み込みました

既存のフィールドを変更または削除したり、必要に応じて追加したりして、テンプレートを自由にカスタマイズできます。

フォームの外観に満足したら、次のステップに進むか、Elementorでマルチステップフォームを作成する方法に関するガイドを参照してください。

5. フォームを特定のGoogleスプレッドシートに接続する

WPFormsがフォームデータをスプレッドシートに送信できるようになる前に、WPFormsからGoogle Sheetsへのデータの処理方法の設定を構成する必要があります。

これは、フォームビルダー内でSettingsをクリックし、次にGoogle Sheetsを選択することで行えます。

Google スプレッドシート アドオン設定

右上にある青いAdd New Connectionボタンを押します。

新規接続を追加

接続ニックネームを入力するように求めるモーダルウィンドウが開きます。任意の名前を入力してから、OKを押します。

Google スプレッドシート接続のニックネーム

これで、WPForms-Google Sheets連携の設定を構成できます。まず、フォーム送信データを送信したいスプレッドシートを選択する必要があります。

フォーム用のスプレッドシートはすでに設定済みですので、それを選択するだけです。ただし、必要であればドロップダウンから新しいスプレッドシートを作成することもできます。

スプレッドシートドロップダウンをクリックして、Googleアカウントに保存されているすべてのスプレッドシートのリストを表示し、1つを選択します。

スプレッドシートを選択してください

スプレッドシートとともに、フォームデータを送信したい個々のシートも選択する必要があります。この例では、このシートに「Entries」という名前を付けました。シートドロップダウンを使用して、目的のシートを選択します。

スプレッドシートを選択

次に、フォームフィールドをスプレッドシートの列にマッピングします。

デフォルトでは、WPFormsはスプレッドシートの列AをエントリーID情報に使用します。メインフィールドは列B以降からマッピングできます。

マッピングプロセスは簡単です。列名ドロップダウンを使用して列を選択することから始めます。

列を選択

次に、フォームフィールド値ドロップダウンを使用して、選択した列にどのフィールド値を含めるかを決定します。

たとえば、列名ドロップダウンから列Bを選択し、フォームフィールド値ドロップダウンから名前フィールドを選択して、各フォーム送信の名前フィールド値を列Bに送信するようにしました。以下同様です。

名前フィールドを選択

残りのフォームフィールド値をシートの他の列に送信したい場合は、プラス(+)ボタンを押してマッピング項目を追加します。

マッピング列を追加

すべてのフィールドを目的のスプレッドシートの列にマッピングするまで、このプロセスを繰り返します。

すべてのWPFormsフィールドのマッピング

このステップが完了したら、フォームの上部にある保存ボタンを押して進捗を保存します。

フォームを保存

これで、Elementorを使用して連絡フォームを追加する準備ができました。

6. Elementorを使用してフォームを埋め込む

WordPressダッシュボードを開き、ページに移動します。編集してフォームを挿入したい既存のページをリストから選択するか、新規追加を押して新しいページを作成します。

Elementorお問い合わせフォームに「お問い合わせ」ページを追加

ページにタイトルを付けます。次に、Elementorで編集ボタンを選択します。

Elementorで編集

これにより、Elementorページビルダーインターフェイスが起動します。ロードが完了したら、サイドバーからさまざまなブロック要素を追加してページのデザインを開始できます。

作成したフォームを挿入するには、WPFormsブロックを選択し、ページ上の目的の場所にドラッグします。

Elementor で WPForms ウィジェットを使用する

WPFormsブロックをページに配置したら、ドロップダウンを使用してフォームを選択できます。

WPForms Elementor ウィジェットから既存のフォームを選択する

選択したフォームはすぐにロードされ、フィールドは設定したとおりに表示されます。

公開する前に、フォームの外観をカスタマイズしたい場合があります。これは、スタイルタブから簡単に行えます。

Elementor の WPForms ウィジェットのスタイルオプションを開く

完了したら、フォームページを公開してください。

Elementor ページを公開ボタン

これで、訪問者がこのフォームを送信するたびに、スプレッドシートにエントリーデータを含む新しい行が作成されます。

スプレッドシートのエントリ

エントリーIDリンクをクリックすると、WordPressダッシュボード内のフォームエントリー画面に直接移動します。

これで完了です。

これで、Zapierを使用したり、Webhookを設定したりすることなく、ElementorフォームをGoogleスプレッドシートに接続できます。また、リピーターフィールドを使用してGoogleスプレッドシートでイベントを管理する方法については、このガイドをご覧ください。

よくある質問

ElementorフォームとGoogleスプレッドシートの連携について、さらに具体的な質問がありますか?よくある質問への回答をご覧ください。

ElementorフォームのデータをGoogleスプレッドシートに送信するには何が必要ですか?

Elementorには、フォームデータをGoogleスプレッドシートに自動送信する組み込み機能はありません。スプレッドシートにフォーム送信を送信するには、Webhookを設定し、サードパーティアプリのZapierを使用する必要があります。これは手間がかかるだけでなく、Zapierは有料プランでも毎月Googleスプレッドシートに送信できるエントリ数を制限しているため、コストもかかります。より良い代替案は、他のソフトウェアを必要とせずにGoogleスプレッドシートとのネイティブ統合を提供するWPFormsのような専用フォームビルダーを使用することです。

お問い合わせフォームのデータをGoogleスプレッドシートに保存する理由は何ですか?

お問い合わせフォームのデータをスプレッドシートに保存すると、フォームエントリを好きなように並べ替え、分析し、整理する自由が得られます。リードの追跡とフォローアップに関して、チームメンバーとスプレッドシートを簡単に共有してコラボレーションを改善できます。さらに、スプレッドシートはWordPress環境外のフォームエントリのバックアップとして機能します。

Elementorフォームのデータはどこに保存されますか?

Elementorは、フォームデータをWordPressデータベースに保存します。Elementor Pro 3.2より前は、追加のプラグインを使用せずにElementorフォームの送信にアクセスする方法はありませんでした。しかし、Elementorには現在、エントリを簡単に表示および管理できる「送信」メニューが付属しています。それでも、ElementorはGoogleスプレッドシートとの組み込み統合をサポートしていないため、WPFormsのような代替手段を使用してフォームをGoogleスプレッドシートに直接接続し、ElementorでWPFormsブロックウィジェットを使用して埋め込む必要があります。

次に、Elementorお問い合わせフォームを改善する

Elementorにはまともなフォームウィジェットがありますが、専用のフォームビルダーではありません。その結果、Elementorフォームは、当社のトップElementorフォームプラグインのまとめに記載されている、より強力なフォームビルダーでは見られない多くの制限に悩まされています。

そして、無料のElementorフォームを作成したい場合は、別途ガイドを用意しています。

今すぐWPFormsを入手

フォームの作成準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookTwitterでフォローしてください。

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

オサマ・タヒル

オサマはWPFormsのシニアライターです。彼はWordPressプラグインをテストのために分解し、その洞察を世界と共有することを専門としています。もっと詳しく

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。

コメントを追加

コメントを残していただきありがとうございます。コメントはすべて、当社のプライバシーポリシーに従ってモデレーションされます。また、すべてのリンクはnofollowとなります。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareのプライバシーポリシーおよび利用規約が適用されます。