All Collections
AGENDA
AGENDA: User Guide
Add booking buttons into SquareSpace website (Pop-up Widget, Calendar Activity Page)
Add booking buttons into SquareSpace website (Pop-up Widget, Calendar Activity Page)

This article will give you a step by step guide on how to integrate all ABL booking options into a Squarespace website

Blake Pridham avatar
Written by Blake Pridham
Updated over a week ago

For integrating book now buttons into your website on Square Space, please watch the video and/or follow the steps below:

1. Connect to a browser and open 2 different tabs

  • Your Square Space Website

  • Your Adventure Bucket List Dashboard - Get Code Section (on the left hand navigation)

2. Select what type of integration you would like to make on your website. There are 3 options: 

A. Pop-up widget per activity

  • Choose the activity you want to integrate

  • Select get code button

  • Copy the code and then head over to your square space page. You can jump to Step 3 for further instructions.

B. Booking Calendar with all your published activities

  • Click Get Code

  • Select Squarespace in the select a platform section

  • Copy code and then head over to your square space page. You can jump to Step 3 for further instructions.

  • Additionally, if you want to use the calendar link. You can create a button or hyperlink on your website and redirect your customers to a calendar page hosted by Adventure Bucket List. For this you would just copy the url in the bottom.

C. Redirect page with all your activities.

For the activity page, this is a URL hosted by Adventure Bucket List. You can create a button or hyperlink on your website and redirect your customers to an activity page that lists everything you have to offer. For this you would click get code button and then copy the url in the bottom.

3. Place the Book Now Button On Your Website

  • On the back-end of your Square Space website press the Pages tab on the right navigation bar.

  • Then select the page you would like to place the button.

  • Once on the page, press edit and click the little black circle on the right hand side and select the code Icon (</>) when it pops up.

  • Paste in the code copied from section 2 and press apply.

  • Make sure to save your new page and you are good to go!

Congratulations! You are now fully integrated with payment processing.

Please contact us if you have any issues.

Did this answer your question?