In this article we will outline the simple steps necessary to integrate your Resurva Booking Widget into a Weebly Website.
In Resurva:
- Go to Manage > Booking Widget
- Edit the colours to match your website and click “Save & Publish”
- Click “Authorized Sites” then “+ New”
- Add weebly.com
- Click “Authorized Sites” then “+ New” again
- Add www.weebly.com
- Ignore the “Get Code” button. Weebly requires you to use an iframe rather than Javascript. The iframe looks like this:
- <iframe src=”https://YOURSLUG.resurva.com/book?embedded=true” name=”resurva-frame” frameborder=”0″ height=”450″ width=”450″></iframe>
- Replace “YOURSLUG” with your Resurva Slug and copy the above code.\
In Weebly:
- Go to the editor and navigate to the page you want to add your booking widget to.
- Drag “Embed Code” to the portion of the page you want your booking widget in.
- Click to set custom HTML, and paste the iframe code in the box.
- Make sure the container is large enough (with a few pixels wiggle room) to hold the booking widget. The default is 450px by 450px, but you can modify this if needed.
Comments
0 comments
Please sign in to leave a comment.