Skip to main content

Advanced Booking Page Installation: Squarespace

Step-by-Step Guide to Installing an Advanced Booking Page on Your Squarespace Website

Philippe Drolet avatar
Written by Philippe Drolet
Updated over 2 weeks ago

Before you begin, ensure you copy the embed code for your Advanced Booking Page from within your MioCommerce account. See: How to Embed Your Advanced Booking Pages on Your Website

Step 1. Log into your Squarespace account LINK

Step 2. From the Dashboard, select the Website you would like to install your Advanced Booking Page

Step 3. Select Pages from the left hand side menu

Step 4. Select an existing page or create a new one to add your Advanced Booking Page to

Step 5. In the top left hand side of your screen, once you are inside the page you wish to add the Advanced Booking Page to, click Edit

Step 6. Choose the location you wish your Advanced Booking Page to appear on your website. Hover between two sections to select Add Section

Step 7. In the drop down menu that appears in the next page, select Add a blank section

Step 8. In the top left hand side of your screen, select Add Block

Step 9. Select from the drop down menu the option to Code

Step 10. In the box that appears, select Edit by hovering over the pencil icon

Step 11. Delete any default coding that may appear in this section, and paste the Advanced Booking Page embed code in

Step 12. Resize the block to fit your webpage appropriately

Step 13. Then navigate to the top left of your screen, click Done, and Save

Congratulations! Your Advanced Booking page is now successfully installed on your Squarespace website. Repeat this process to add additional advanced booking pages to other pages on your site as needed.

Did this answer your question?