How to embed AOT to your Weebly Site?

Before you begin…

Adding/embedding your booking page, you must have one of the Weebly pricing plans.

Easily link your booking page on the website button. Once customers clicked this button, they will be redirected to your customized booking page.

From the Weebly editor page, click the Book Now button to enable editing and then select the Link. 

Under the Link section, choose Website URL and enter your customized Booking Page URL.

You have an option to add action whether to open or not this link into a new window by ticking the check box.

Use the Embed Code element to embed your booking page calendar easily into your Weebly site. Customers who visit your website can easily log in and book your services through your embedded booking page.

From the left sidebar of the individual content elements, select the Embed Code </>, drag and place the element into your page.

To copy and paste the embed code, check your Booking Page Code under the Customize Booking Page in the system.

• Drag and place an empty section for your booking calendar anywhere in your page.
• Drag and place the Embed Code element into the empty section.
  
• Click to edit the Custom HTML.
  

Paste the embed code from your customized booking page. While in the editor’s page, please note that it will only display the top section of your booking calendar page.

Publish the page to view the changes and how your customize booking page calendar looks in your website.

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].