This article covers how to embed a form with a Calendar Booking workflow event into your website.
Important Note
The scripts necessary for this function will only be generated if a Calendar Booking workflow event has been configured on the form.
Instructions
Use the website embed script to embed your form onto the desired page on your website if you have not already
When you add the code to your website, add the URL of the page you are embedding the code in between the quote marks (' ') of both the submissionRedirectUrl and the cancelRedirectUrl lines
Navigate back to the Summary tab of the form, then click the embed button under the Form Link
Scroll past the Form Embed Script to find the 3 Booking Scripts needed to set up the calendar booking process
Calendar Booking Embed Script: The URL to redirect the user to for displaying a calendar booking page
Reschedule Booking Embed Script: The URL to redirect the user to display a calendar booking reschedule page
Cancel Booking Embed Script (not pictured): The URL to redirect the user to display a calendar booking cancel page
Note: These scripts will only display if a Calendar Booking workflow event has been configured on the form.
Scroll to the Calendar Booking Embed Script section and click Copy to clipboard (clipboard icon)
Paste the Calendar Booking Embed script onto a page on your website other than the one with the Form Embed script, then copy the URL of the page you are embedding the code in and store it somewhere temporarily
Navigate back to the Generate Form CDN Script window within Process Automation and Digital Services
Scroll to the Reschedule Booking Embed Script section and click Copy to clipboard (clipboard icon) to copy the Reschedule Booking Embed Script
Paste the Reschedule Booking Embed script onto a page on your website other than the ones with the Form Embed and Calendar Booking Embed scripts, then copy the URL of the page you are embedding the code in and store it somewhere temporarily
Navigate back to the Generate Form CDN Script window within Process Automation and Digital Services
Scroll to the Cancel Booking Embed Script section and click Copy to clipboard (clipboard icon)
Paste the Cancel Booking Embed script onto a page on your website other than the ones with the Form Embed and Calendar and Reschedule Booking Embed scripts, then copy the URL of the page you are embedding the code in and store it somewhere temporarily
Navigate back to the webpage that you copied the Form Embed Script to in step 2
Locate the calendarBookingFormUrl, calendarBookingRescheduleFormUrl, and calendarBookingCancelFormUrl lines
Paste the URLs you copied in step 6, step 9, and step 12 in between the quote marks (' ') on the corresponding lines
Once configured, users will be able to complete forms and be redirected to your specified web pages to complete the calendar booking or reschedule or cancel bookings