Overview

The advanced Form Integration plugin allows you to integrate Elementor Pro Forms with Google Calendar. When a user fills out a form on your website, the plugin will send the relevant data to your Google Calendar account and create a new event on a selected Google Calendar with supplied data.

2 Sample Contact Forms

Supported Features

  • Allows you to create a new event on a selected Google Calendar with supplied data.

Requirements

  • The feature requires a Pro license. BUY NOW!
  • Make sure that the Pro version of the Advanced Form Integration plugin is installed and activated. You should have got the links in the email after purchase. You can also download it anytime by logging into the user dashboard.
  • Read plugin documentation for Elementor Pro Forms and Google Calendar. It is not required but helpful for a better understanding.

Set up Google Calendar API Connection

Before starting, you are required to set up the Google Calendar API connection in plugin settings.

  1. Go to the WordPress admin area, and click AFI > Settings.
  2. Activate Google Calendar and save. Open the Google Calendar tab.
  3. Go to Google Developer Console and create a New Project
  4. Go to Library side menu and search for Google Calendar API, open it and click ENABLE.
  5. Go to OAuth consent screen, select External click Create. Put an Applicatoin name as you want, select user support email, enter taster.local in Authorized domains, put your email on developer contact email. In scopes calendar read/write scopes. then click Save. Please set the publishing status as in production, otherwise you might get a 403 error.
  6. Go to Credentials, click CREATE CREDENTIALS, select OAuth client ID, select application type as Web application, click Create, put anything in Name, save http://yourdomain.com/wp-json/advancedformintegration/googlecalendar in Authorized redirect URIs, click Create.
  7. Copy Client ID and Client Secret from newly created app and save below.
  8. Click Save & Authorize, if appears App is not verified error click show advanced and then Go to App.

Create New Integration

Once the API connection is done you can start creating new integration. Click on Add New under the AFI menu, New Integration page will appear.

Title

A default title will be auto-generated with an auto incremental number. You can rename it to something related to the task. It will help you to quickly recognize the correct one when there is multiple integrations setup.

Trigger

Select Elementor Pro Forms in the Form Provider dropdown. The Elementor Pro Forms plugin must be installed and activated otherwise you won’t see it list

Elementor Form – Trigger setup

Action

Select Google Calendar PRO in Platform dropdown.

Google Calendar
Google Calendar – Action

Map Fields

Select the matched fields and skip those that you don’t want to send. Finally, click on Save integration.

Conditional Logic

Please check the documentation on Conditional Logic .

Frequently asked questions

Troubleshooting

Still need help?

Reach our support team at [email protected]

Share This Article

Related Post

integrate elementor forms to mailerlite

How to integrate Elementor Form to MailerLite

https://www.youtube.com/watch?v=C9E_F5a_QJ0 Overvie...

How to integrate Elementor Pro Forms with Rob

Overview The advanced Form Integration plugin allows...

How to integrate Elementor Pro Forms with Mai

Overview The advanced Form Integration plugin allows...