How to add AOT to your Shopify Site?
Add your booking page to your Shopify site in two easy ways.
MJ
Last Update 3 anni fa
Before you begin…
Adding/embedding your booking page, you must have one of the Shopify plans.
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.
Step 1. Customize your Online Store Themes
Under the Sales channels, go to the Online Store, and select Themes. Customize your theme to add and embed your booking page URL.
Step 2: Add your booking page URL in the button
Select Buttons on the section panel.
Add your booking page URL either on the first or second button. Either way, it works the same.
Once done, click “Save”.
Embed your booking page calendar on a single page on your Shopify store
Use the theme.liquid to embed your booking page calendar easily into your Shopify store. Customers who visit your website can easily log in and book your services through your embedded booking page.
Step 1. Edit code under theme.liquid
To copy and paste the embed code, check your Booking Page Code under the Customize Booking Page in the system.
Hover your mouse to the three dots at the top corner, and select { / } Edit code. This will redirect you to the code editor.
Step 2: Find the head portion
Under layout on the theme.liquid, on line three <head> tag, add space below for your code.
Paste the embed code from your customized booking page. Preview the changes on the Preview Store button.
Once satisfied, select “done”.
Note: Your booking page calendar will be displayed at the top section of your Shopify store.
Embed your booking page calendar in an inline embed or pop-up
To embed your booking page calendar somewhere inside the body sections, check out the Shopify community forum to learn more about using our embed code on their platform. The Shopify theme developers will let you know which line works for the AOT script.
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].