Easily sync your "Calculated Fields Form" Date/Timeslots controls with Google Calendar to manage schedules and prevent overlapping events.

CodePeople2

The “DWBooster Integration for Calculated Fields Form with Google Calendar” plugin enables seamless synchronization between your “Calculated Fields Form” Date/Timeslots controls and Google Calendar, helping you avoid event conflicts. It automatically disables any timeslots in your form that overlap with busy periods on your connected calendar.
Additionally, the commercial version of the plugin allows you to create Google Calendar events directly using the information submitted through your form.
<h3>External services</h3>
This plugin integrates with the Google Calendar API to retrieve the date and duration of existing events. This functionality is essential for deactivating unselectable time slots in the Date/Timeslots control within the form, thereby preventing any potential time conflicts.
This Google Calendar API is provided by “Google”: <a href="https://developers.google.com/terms/" rel="nofollow ugc">terms of use</a>, <a href="https://developers.google.com/terms/api-services-user-data-policy" rel="nofollow ugc">privacy policy</a>.
<h3>🗓️ Google Calendar Integration</h3>
To connect your website with Google Calendar, you need a Google Client ID and Google Client Secret. Follow the steps below:
<ol>
<li>Go to the <a href="https://console.developers.google.com" rel="nofollow ugc">Google Cloud Console</a>.</li>
<li>Create a new project – or select an existing one.</li>
<li>Name your project. Google Cloud will automatically generate a unique Project ID.</li>
<li>Your project name will appear at the top of the left sidebar.</li>
<li>From the left menu, go to APIs & Services → Library.</li>
<li>Search for Google Calendar API and enable it.</li>
</ol>
<h3>🔑 Create OAuth Credentials</h3>
<ol>
<li>Navigate to APIs & Services → Credentials.</li>
<li>Click “Create Credentials” → “OAuth Client ID.”</li>
<li>If prompted, configure your OAuth consent screen first (see the next section).</li>
<li>Choose Web Application as the Application Type.</li>
<li>Enter a Name for the credentials.</li>
<li>Under Authorized JavaScript origins, add your website domain (e.g., <code>https://yourdomain.com</code>).</li>
<li>Under Authorized redirect URIs, paste the Redirect URL provided in the plugin interface.</li>
<li>Click Create. You’ll now see your Client ID and Client Secret.</li>
</ol>
<h3>🧾 Configure the OAuth Consent Screen</h3>
<ol>
<li>Go to APIs & Services → OAuth consent screen.</li>
<li>Under User Type, select External (recommended).</li>
<li>Fill in the required information such as App Name, User Support Email, and Developer Contact Info.</li>
<li>In the Test Users section, add the email address of the Google Account you’ll use to connect the calendar.</li>
</ol>
<h3>⚙️ Connect Your Website</h3>
<ol>
<li>In your plugin settings page, enter the Client ID and Client Secret.</li>
<li>Click “Save Settings & Generate Tokens.”</li>
<li>You’ll be redirected to your Google Account to grant permission for your website to access your calendars.</li>
</ol>
Once you’ve completed these steps, your website will be successfully linked with Google Calendar.
<h3>Integration in Forms</h3>
The plugin adds a new section in the form settings titled: “DWBooster Integration for Calculated Fields Form with Google Calendar”
<h3>🔧 How to integrate the plugin with a form</h3>
<ul>
<li>Press the “Build” button corresponding to your form in the “Forms” list, which is accessible via the “Calculated Fields Form” menu option.</li>
<li>Scroll down to the “DWBooster Integration for Calculated Fields Form with Google Calendar” section.</li>
<li>Tick the “Enable Google Calendar integration” checkbox.</li>
<li>By default, the plugin selects your “primary” calendar. To use a different one, press the “Select another calendar” button. This will load a list of calendars associated with your account, allowing you to select the calendar you want to associate with the form.</li>
<li>Insert a Date/Timeslot control in the form, and select it from the “Timeslot field” list. The plugin will link this control to Google Calendar for scheduling.</li>
</ul>
<h3>📅 Creating Google Calendar events from form submissions (Commercial Feature)</h3>
<ul>
<li>Tick the “Create Google Calendar event on form submission.” checkbox.</li>
<li>Select the email controls from the “Attendee email fields” attribute. The plugin will add the collected emails as attendees of the calendar event.</li>
<li>Enter the event summary in the “Calendar summary text” text area.</li>
<li>Enter the event description in the “Calendar description text” text area.</li>
</ul>
<blockquote>
Note: Both the summary and description attributes support the same fields and informative tags that are available in the notification emails.
</blockquote>

Alternatives to DWBooster Integration for Calculated Fields Form with Google Calendar

Top alternatives