This article provides a comprehensive guide on how to integrate booking pages or routing forms on your website. The general structure of the article is as follows:
📆 Adding Booking Pages on Your Website
ℹ️ Booking pages are dedicated sections that can be seamlessly inserted into your webpage, empowering users to respond to specific inquiries and ultimately book a suitable time slot for a meeting with the corresponding team member.
Goal - Incorporate a booking page on my website:
Step 1: Identify the desired Meeting Type
To incorporate a booking page as demonstrated, begin by navigating to the specific meeting type for which you intend to add the corresponding booking links on your website.
Step 2: Navigate to the Scheduling Page section
After pinpointing the meeting type you want to add, access its settings by clicking on it, and proceed to the Scheduling Page section within it.
Step 3: Copy and paste the code snippet
Proceed to click on the "Add scheduling page on website" button, as depicted below. It is important to mention that you can customize the appearance of the booking page through Demodesk's whitelabel settings by accessing the "Customize branding" button located under the "Add scheduling page on website" option.
The next step involves adding the booking page on your website. To accomplish this, please copy the following script snippet and paste it into your website code at your preferred widget location.
🛣️ Adding Routing Forms on Your Website
ℹ️ Routing forms are specialized forms designed that enable customers to efficiently schedule meetings with your team based on set qualification criteria. Note routing forms precede booking pages.
Goal - Incorporate a routing form on my website:
Step 1: Identify the desired routing form
To integrate a routing form as shown below, start by accessing the particular routing form you wish to add on your website via the Demodesk dashboard.
Step 2: Save and preview your routing form
After pinpointing the routing form you want to add, access its settings by clicking on it, and proceed to "Save & Preview" the routing form, if it is ready to go from the top right section. If you would like to support on how to craft your own routing form have a read through this article.
Step 3: Copy and paste the code snippet
You can now copy and paste the code snippet to display the routing form on your website. Just like with booking pages, please copy the following script snippet and insert it into your website code at your desired widget location. Note that just like with booking pages, you can customize the appearance of routing forms through Demodesk's whitelabel settings.
⚡ Pro Tip: For desktop, the minimum container width should be 577px, while the height will be adjusted automatically.