Integrating the Booking Site into Weebly

Easily integrate your Resova booking site into your Weebly website by following these steps:

1. Retrieve the Embeddable Code from Resova

• Go to Settings > Booking Site Settings.
• Click Publish Booking Site on the left-hand side.
• Select the Weebly integration option under “How do you want to publish?”
• Copy the HTML and JavaScript embeddable code provided by Resova.

2. Add the Code to Your Weebly Site

View this quick and easy guide on embedding Resova into your Weebly site.

1. Log in to your Weebly account and open your website editor.
2. Navigate to the page where you want to embed the booking site.
3. Drag and drop the Embed Code element (located under the “Build” tab) onto your desired section of the page.
4. Click inside the embedded element, and select Edit Custom HTML.
5. Paste the Resova embeddable code into the field.
6. Save your changes.

3. Publish and Preview

• Click Publish in Weebly to make your changes live.
• Visit your website to confirm the booking system is displayed and functioning as expected.

4. Additional Customization

• Use Weebly’s drag-and-drop editor to adjust the placement or style of the embedded booking widget.
• Test the integration across different devices to ensure it’s mobile-friendly.
• Note: Weebly may automatically add a fixed height around the container that Resova is embedded into. This could cause our booking site to clip at the bottom. Please manually extend the height of this container and check that the bottom is not clipped on all devices if necessary.