Install
Booking widget on Framer
Framer's Embed component, set to HTML, shows the widget. Give it the width of the column it sits in; the card sizes itself to that.
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 and insert an Embed component where the booking card belongs.
Set the component to HTML and paste the embed code.
Publish, 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
- Set the component's height to a fixed value of at least 700 pixels, or to fit content if your Framer version offers it.
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.