Install
Booking widget on Webflow
Webflow's Embed element takes the code as is. Drop it where the booking card belongs and publish.
The snippet
<div id="rentalcal-widget" data-property-id="YOUR_PROPERTY_ID"></div> <script src="https://widget.rentalcal.com/widget.js" async></script>
Replace YOUR_PROPERTY_ID with your property's id. It is on the property's Widget tab in your dashboard, where the snippet is already filled in and ready to copy.
Steps
Open the page in the Designer and drag an Embed element to where the booking card belongs.
Paste the embed code into the Embed element and save it.
Publish the site, then open the page to see the card.
Paste the page's address on the property's Widget tab to confirm the install.
If something looks off
- Embed elements render on the published site, not fully in the Designer. Check the live page.
Confirming the install
Once the page is live, paste its address on the property's Widget tab. RentalCal opens the page, finds the embed code and marks the widget confirmed. Booking assistants can then find the property by that address too.