Integrate your Resurva Booking Widget into a Squarespace Website.

In this article we will outline the simple steps necessary to integrate your Resurva Booking Widget into a Squarespace Website.

In Resurva:

1. Go to Manage > Booking Widget
2. Edit the colours to match your website and click “Save & Publish“
3. Click “Authorized Sites” then “+ New“
4. Add squarespace.com
5. Click “Authorized Sites” then “+ New” again
6. Add www.squarespace.com
7. Ignore the “Get Code” button. Squarespace requires you to use an iFrame rather than Javascript. The iFrame looks like this:
8. <iframe src=”https://YOURSLUG.resurva.com/book?embedded=true” name=”resurva-frame” frameborder=”0″ height=”450″ width=”450″></iframe>
9. Replace “YOURSLUG” with your Resurva Slug and copy the above code.

In Squarespace:

1. Go to the editor and navigate to the page you want to add your booking widget to.
2. Click “Edit“, add a content block, then under “More” select Code.
3. Replace the sample code with the iFrame code, and click “Save“