Skip to main content

Add bookings to Framer

Get your code​

  1. In EquipDash, go to Settings > Booking widget > Embed options.
  2. Pick what to show: Full widget embed (your whole booking page), Single product, a "Book now" button, or a Collection.
  3. Click Copy code.

To embed one item, you can also open it in EquipDash and use its Embed tab. See Embedding on your website for every option.

Paste it into Framer​

  1. Open your site in Framer.
  2. Click Insert > Utility > Embed and place it on the page.
  3. Set the embed type to HTML and paste your code.
  4. Size the embed to fill the width, then click Publish.

A Book now button on every page​

Copy the "Book now" button code instead, and paste it where your site-wide code goes: Site settings > General > Custom Code > End of body tag. It shows in the corner of every page and opens your bookings in a pop-up. See Floating Book now button.

Give the full booking page room

A Full widget embed scrolls inside its box, so make the box tall, at least 800px, or full screen. A Single product calendar sizes itself to fit.