DWBooster Integration for Calculated Fields Form with Google Calendar
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. External services 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”: terms of use, privacy policy. 🗓️ Google Calendar Integration To connect your website with Google Calendar, you need a Google Client ID and Google Client Secret. Follow the steps below: Go to the Google Cloud Console. Create a new project – or select an existing one. Name your project. Google Cloud will automatically generate a unique Project ID. Your project name will appear at the top of the left sidebar. From the left menu, go to APIs & Services → Library. Search for Google Calendar API and enable it. 🔑 Create OAuth Credentials Navigate to APIs & Services → Credentials. Click “Create Credentials” → “OAuth Client ID.” If prompted, configure your OAuth consent screen first (see the next section). Choose Web Application as the Application Type. Enter a Name for the credentials. Under Authorized JavaScript origins, add your website domain (e.g., https://yourdomain.com). Under Authorized redirect URIs, paste the Redirect URL provided in the plugin interface. Click Create. You’ll now see your Client ID and Client Secret. 🧾 Configure the OAuth Consent Screen Go to APIs & Services → OAuth consent screen. Under User Type, select External (recommended). Fill in the required information such as App Name, User Support Email, and Developer Contact Info. In the Test Users section, add the email address of the Google Account you’ll use to connect the calendar. ⚙️ Connect Your Website In your plugin settings page, enter the Client ID and Client Secret. Click “Save Settings & Generate Tokens.” You’ll be redirected to your Google Account to grant permission for your website to access your calendars. Once you’ve completed these steps, your website will be successfully linked with Google Calendar. Integration in Forms The plugin adds a new section in the form settings titled: “DWBooster Integration for Calculated Fields Form with Google Calendar” 🔧 How to integrate the plugin with a form Press the “Build” button corresponding to your form in the “Forms” list, which is accessible via the “Calculated Fields Form” menu option. Scroll down to the “DWBooster Integration for Calculated Fields Form with Google Calendar” section. Tick the “Enable Google Calendar integration” checkbox. 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. 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. 📅 Creating Google Calendar events from form submissions (Commercial Feature) Tick the “Create Google Calendar event on form submission.” checkbox. Select the email controls from the “Attendee email fields” attribute. The plugin will add the collected emails as attendees of the calendar event. Enter the event summary in the “Calendar summary text” text area. Enter the event description in the “Calendar description text” text area. Note: Both the summary and description attributes support the same fields and informative tags that are available in the notification emails.
Top keywords
- calendar23×3.73%
- google22×3.57%
- form15×2.43%
- google calendar15×2.43%
- client7×1.13%
- fields7×1.13%
- integration6×0.97%
- select6×0.97%
- calculated5×0.81%
- calculated fields5×0.81%
- calculated fields form5×0.81%
- event5×0.81%
Easy Calculation Forms
Want to see demos of the type of forms that can be created? Go here For more details Check the documentation Order Forms, Quotes, Even Registration and more. If you need to calculate a price in your form this is the best builder for you. Features A bunch of fields at your disposal Text Box: Add one line of text (Demo) Numeric Box: Add a number (Demo) Multiple Box: Add multiple lines of text (Demo) Dropdown: Select from a list using radio buttons (Demo) Radio: Select from a list using radio buttons (Demo) Checkbox: Select one or many options from a list (Demo) Paragraph: Add additional text to the product (Demo) Divider: Separate the extra product fields in sections (Demo) Name: Separate the extra product fields in sections (Demo) Email: Separate the extra product fields in sections (Demo) Image: Add images to your form, these images can be changed with conditions (Demo) Address: Separate the extra product fields in sections (Demo) Total: Display a total (sum of all fields) (Demo) Single Label: Display a field with a fixed label and value (Demo) Do advanced calculations easily: Each field has a set of preconfigured calculations, or you can create your own using the formula builder Show/Hide conditions: Show or hide fields based on a condition (Demo) Customizable confirmation message: Customize the alert message (Demo) Responsive: The forms look great in desktop or mobile devices Restrictions: Apply various restrictions like the number of times a value is submitted or the number of times a person can submit a form. Premium Features There is also a premium version that has more fields Button Selection: Select from a list of buttons (Demo) Color Picker: Select a color (Demo) Color Swatcher: Show a list of colors (Demo) Date Range: Define an start and end date (Demo) File Upload: Upload Files (Demo) Google Maps: Let user select an address using google maps (Demo) **Group Panel*: Group fields in a field and show a subtotal (Demo) Image Picker: Select from a list of images (Demo) List: Let the user create a list of items (Demo) Mask: An input box that only allow an specific format useful for credit card or phone fields (Demo) Repeater: Create a dynamic group of items that the form cam repeat (Demo) Signature: Accept signatures in your form (Demo) Slider: Add an slider with customized values (Demo) Switch: A customizable switch field (Demo) Term of service: A checkbox with a customizable action (Demo) Textual Image: An image with customizable text (Demo) Survey: A survey table (Demo) Foat Container: A floating panel that is always visible as you scroll the page (Demo) Multiple Steps Forms: Split your form in sections to make it easy to fill (Demo) Tooltips and descriptions: Add tooltips or a descriptive text to each field (Demo) Custom Validations: Show or hide fields based on a condition (Demo) Secure Front End View/Edition: After the form is submitted you can create a secure link that will let your customer view or edit the entry ([Demo] https://easycalculationforms.rednao.com/field-demo-2/front-end-edition/) Paypal and Stripe Support: Let your customers pay directly after submitting a form Workflows: Send the form to different stages, for example, send the form to an approval team when is initially submitted and then back to the user when it is approved.