Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress のお問い合わせフォームから Google Calendar のイベントを追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのお問い合わせフォームを予約や相談、その他のイベントベースのやりとりに使っていますか?Google カレンダーにこれらのイベントを手動で追加するのは時間がかかり、エラーになりがちです。

多くのユーザーが、WordPressのお問い合わせフォームからGoogleカレンダーに直接イベントを自動送信することで、作業効率が向上し、ワークフローが効率化されることを実感しています。

この投稿では、WordPressのお問い合わせフォームからGoogleカレンダーのイベントを簡単に追加する方法をご紹介します。

Adding Google Calendar events from a WordPress contact form

なぜ WordPress のフォームから Google Calendar のイベントを追加するのか?

通常、WordPressサイトにお問い合わせフォームを追加し、メールやWordPressダッシュボードで通知を受け取ることができます。

お問い合わせフォームを使用することで、カスタマイザーに予約やコールバックの依頼、見積もりなどをさせることができます。しかし、コンタクトフォームのリードを手作業で管理するのはあまり効率的ではありません。

そこで役立つのがGoogleカレンダーだ。どの端末でも使え、カレンダーのイベントごとに即座に通知やリマインダーを受け取ることができる。

フォームの入力内容を自動的にGoogleカレンダーに送信するので、予約、アポイントメント、注文、電話を逃しません。

それでは、WordPressのフォーム入力からGoogleカレンダーのイベントを簡単に作成する方法を見ていきましょう。

お問い合わせフォームとGoogleカレンダーの連携

このチュートリアルでは、WordPressのための最高のフォームビルダーであるWPFormsを使用します。ドラッグ&ドロップの直感的なインターフェースで、どんなタイプのフォームでも簡単に作成できます。

次に、Zapierを使ってお問い合わせフォームをGoogleカレンダーに接続します。Zapierはブリッジとして機能し、2つの異なるアプリをコードなしで接続します。

始めよう。

WPFormsでお問い合わせフォームを作成する

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

注:WPForms用のZapierアドオンを使用するには、Proバージョン以上が必要です。

有効化した後、WPForms ” 設定ページにアクセスし、ライセンスキーを入力してください。ライセンスキーはWPFormsサイトのアカウントエリアにあります。

Entering your license key for WPForms

さて、いよいよお問い合わせフォームを作成しましょう。すでにお問い合わせフォームが設定されている場合は、WPForms ” すべて のページでフォーム名をクリックして編集してください。

そうでない場合は、WordPress 管理画面のWPForms ” 新規追加ページから WPForms ビルダーを起動し、新規フォームを作成してください。

ここでは、シンプルなお問い合わせフォームのテンプレートに、通話開始時刻と終了時刻の日付/時刻フィールドを追加したものを使用します。フォームの作成やフィールドの追加にお困りの場合は、お問い合わせフォームの作成ステップガイドをご覧ください。

Creating a call booking form in WPForms

ヒント:イベントフォームに特化したテンプレートを使いたいですか?WPForms ” Addonsにある Form Templates アドオンをインストールするだけで、イベントプランナーフォームをはじめとする 1300 以上のテンプレートにアクセスできます。

フォームを設定したら、WordPressサイトに追加する必要があります。フォームを追加したいページ(または投稿)を編集するか、ページ ” 新規追加 でフォームを追加してください。

まず、「+」アイコンをクリックして新規ブロックを追加します。次に、WPFormsブロックを検索し、コンテンツエリアに追加します:

Add a WPForms block to your page in Wordpress

サイトにフォームを追加したら、ページを公開するかプレビューしてください。

フォームを使用してテストエントリを送信することを本当に〜してもよいですか?このテストエントリはWPFormsとGoogle Calendarの接続を設定・確認するために必要です。

名前、メール、日付、開始時刻、終了時刻、そしてメッセージ:

Creating a test entry for your contact form or booking form

WPFormsとZapierを接続する準備

WPFormsとGoogleカレンダーを連携させるためにZapierを使用します。つまり、WPForms Zapierアドオンをインストールして有効化する必要がある。

WordPress 管理画面のWPForms ” Addonsページにアクセスします。Zapierアドオンを検索し、’アドオンのインストール’ボタンをクリックしてインストールし、有効化します。

Installing the Zapier addon for WPForms

次に、WPForms ” Settings ” Integrationsページにアクセスする必要があります。ここから、ZapierのロゴをクリックしてAPIキーを取得する必要があります。

APIキーを安全な場所にコピーするか、タブを開いたままにしておくとよいだろう。後でWPFormsアカウントにZapierを接続する際に必要になります。

お問い合わせフォームのデータをGoogleカレンダーに送信するZapを作成する

さて、いよいよZapierのサイトにアクセスしよう。アカウントをすでにお持ちでない場合は、ここで無料のアカウントを作成してください。

Zapierダッシュボードにログインしたら、「Make a Zap」ボタンをクリックする。これは画面の左上にある。

Click on the button to start making your Zap

注:Zapierでは、’Zap’はトリガーとアクションの両方を持つプロセスです。この場合、誰かがお問い合わせフォームに入力することがトリガーとなり、Googleカレンダーに新しいイベントを作成することがアクションとなります。

さて、画面上部にZapの名前をつける必要がある。その後、トリガーを設定します。

まず、’Choose App & Event’ボックスの検索バーに’WPForms’と入力します。そして、表示されたWPFormsアイコンをクリックするだけです:

Select WPForms as your trigger app in Zapier

Zapierは自動的に’New Form Entry’のトリガーイベントを入力します。

あとはすべて『Continue』ボタンをクリックするだけです。

Choosing a trigger event in Zapier

次に、ZapierはWPFormsアカウントにサインインするよう促します。

WPFormsにサインイン’ボタンをクリックするだけです:

Click the button to sign in to WPForms

APIキーを入力するポップアップウィンドウが表示されます。これはWordPress管理画面のWPForms ” Settings ” Integrationsページで確認したAPIキーです。

また、あなたのサイトのURLを追加する必要があります。

Enter your API key from WPForms and the URL of your website

その後、「はい、続行」ボタンをクリックして次のステップに進む。

Zapierはドロップダウンリストからお問い合わせフォームを選択するように指示します。

Selecting the correct contact form in Zapier

サイトに複数のフォームがある場合は、適切なフォームを選択してください:

次に、『トリガーをテストする』ボタンをクリックする。

Testing your trigger in Zapier

Zapierは、あなたが以前に作成したテスト・エントリーを見つける。

画面に表示されます。

The data from the test contact form entry that Zapier has found

Continue」ボタンをクリックすると、ZapのActionパートに移ります。

ここで2つ目のアプリ、Googleカレンダーを選択する必要がある。

Selecting Google Calendar as your action app

次に、’Choose Action Event’ドロップダウンをクリックします。

詳細イベントの作成」オプションを選択する必要があります。

Select 'Create detailed event' as the action event for Google Calendar

Googleカレンダーに詳細イベントを作成」ページが開きます。

ZapierはGoogleカレンダーアカウントにサインインするよう促します。

Sign in to your Google Calendar account when prompted by Zapier

ZapierにGoogleカレンダーへのアクセス権限を与える必要がある。

これでZapierがイベントを作成してくれるようになる。

Give Zapier permission to access your Google Calendar

Googleカレンダーにサインインしたら、「続行」ボタンをクリックして次に進みます。

次に、詳細イベントのカスタマイザーセクションが表示されます。ここで、最初のドロップダウンから正しいカレンダーを選択する必要があります:

Choose which calendar you want to use with the Zap

それが済んだら、イベントの概要を入力する。

ここでは「クライアントコール」を使用します。フォームに適切なフィールドがあれば、ここでフォームフィールドを選択することもできます。

Type in an summary for your Google Calendar event, e.g. "Client Call"

イベントの説明には、フォームからのメッセージを使います。

説明」ボックスをクリックし、フォームから使用したいフィールドをクリックするだけです。テストデータがフィールド名と一緒に表示されます。

Select the form field that you want to use for the Google Calendar event's description

ここには、氏名やメール・アドレスなど、他のフィールドを含めることができます。

開始日時と終了日時も本当に〜してもよいですか?再度、ボックスをクリックし、フォームから適切なフィールドを選択してください:

Select the correct fields from your form for the start and end times of the event

また、電話やイベントを予約した人のメールアドレスを記載するのもよいでしょう。

つまり、招待状が送られてくるので、簡単に自分のカレンダーにイベントを追加することができます。

Enter the field for the attendee's email address, if you want to send them a Google Calendar invite

その他の設定もここで変更できます。設定が完了したら、「続ける」ボタンをクリックしてください。

今、ZapierはあなたのZapをテストする機会を与えてくれる。

The details of the test event that will be sent to Google Calendar

まず、Googleカレンダーに送信される内容の詳細が表示されます。

その下にある「Test & Continue」ボタンをクリックして、Zapをテストしてください。

Click the 'Test and Continue' button to send the test entry's details to Google Calendar

次に、ザップが機能したかどうかを確認する必要がある。

Googleカレンダーを表示して、テストイベントが正常に追加されていることを確認してください。

Viewing the details of the event that's been added to Google Calendar

最後に、ザップのスイッチを入れる必要がある。

青い「Turn on Zap」ボタンをクリックするだけです。

Turn on your Zap once you're ready

ヒント:イベントが間違った時間帯に追加された場合は、Zapierプロフィールのタイムゾーン設定を確認してください。タイムゾーンが正しくない場合は、正しいタイムゾーンに設定し、再度Zapをテストしてください。

これで完了です。お問い合わせフォームに入力した内容は、自動的にGoogleカレンダーに送信されます。

WordPressでカレンダーを使うためのエキスパートガイド

WordPressのお問い合わせフォームからGoogleカレンダーのイベントを追加する方法はお分かりいただけたと思いますが、WordPressのカレンダー、イベント、予約に関連する他のガイドもご覧ください。

WordPressのお問い合わせフォームからGoogleカレンダーのイベントを追加する方法について、この投稿がお役に立てれば幸いです。また、専門家が選ぶ最高のビジネス電話サービスや無料のビジネスメールアドレスを取得する方法についてのステップバイステップガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

3件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Lana says

    Thanks for another great tutorial. I would be lost without you and your team. Great, easy to understand information and you don’t make me feel odd for asking questions. Thanks to you and all your team.memebers.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。