內容簡介
**摘要**：
DWBooster Integration for Calculated Fields Form with Google Calendar 外掛讓你的「計算欄位表單」的日期/時間段控制和 Google 日曆無縫同步，幫助你避免事件衝突。它會自動禁用表單中與已連接日曆繁忙時段重疊的時間段。此外，商業版的外掛允許你使用表單提交的信息直接創建 Google 日曆事件。
**問題與答案**：
1. 這個外掛如何幫助用戶避免事件衝突？
- 這個外掛可以讓你的表單日期/時間段控制和 Google 日曆同步，自動禁用在表單中與日曆繁忙時段重疊的時間段，從而幫助你避免事件衝突。
2. 這個外掛可否直接使用表單提交的信息創建 Google 日曆事件？
- 是的，商業版的這個外掛允許你使用表單提交的信息直接創建 Google 日曆事件。
3. 這個外掛如何和 Google 日曆 API 整合？
- 這個外掛和 Google 日曆 API 整合，以檢索現有事件的日期和持續時間，這對於在表單中的日期/時間段控制中停用無法選擇的時間段至關重要，從而防止可能的時間衝突。
4. 如何連接網站和 Google 日曆？
- 要連接你的網站和 Google 日曆，你需要一個 Google 客戶端 ID 和 Google 客戶端密鑰，並按照指示在 Google Cloud 控制台中創建新項目並啟用 Google 日曆 API。
外掛標籤
開發者團隊
② 後台搜尋「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.
