How to embed AOT with Unbounce Site?
Add your booking page to your Unbounce site in two easy ways
MJ
Last Update 3 anni fa
Follow these steps below:
Link your booking page on the website button
Easily link your booking page on the website button. Once customers clicked this button, they will be redirected to your customized booking page.
Add an action to your website button
From the Unbounce editor page, click the Book Now button to enable editing.
On the right side of the pane, set the Action to “Go to URL”. Enter your customized booking page URL. You have an option of whether or not to open the link into a new window.
Click the Save button on the upper right.

Embed your booking page calendar on a single page on Unbounce
Use the Custom HTML to embed your booking page calendar easily into your Unbounce site. Customers who visit your website can easily log in and book your services through your embedded booking page.
Step 1. Use Custom HTML to embed your booking page code
Under the builder menu, on the right-side panel, select the </> (Custom HTML) element at the bottom.
Drag and paste the element into the section where you want to add the booking page calendar.

Step 2. Paste the code in the blank field
To copy and paste the embed code, check your Booking Page Code under the Customize Booking Page in the system.
Paste your booking page code into the blank field and select “Save Code".

Step 3. Adjust the placeholder
Resize the placeholder into the position you want to achieve.

Still need help? Reach out to us anytime via live chat at the bottom of this screen. If we're not around, we will get back to you as soon as we can. You can also email us at [email protected].