Works with Framer

Take bookings on your Framer site

Q: Do I need a Framer plugin or app?

No. You copy your code from EquipDash and paste it into an Embed component. There is nothing to install.

Q: Where do customers pay?

In EquipDash checkout, which opens on your site. Payments go to the payment account you connected in EquipDash, and the booking lands in your EquipDash calendar.

Q: Does it work on phones?

Yes. Customers can book and pay from a phone or tablet, and the Book now button opens your bookings in a pop-up on the page they are reading.

Q: Which Framer plan do I need?

Any plan that lets you add an Embed component and publish your site. For a Book now button on every page, your plan also needs Custom Code in Site settings.

Q: Can I take bookings for rentals and activities?

Yes. One booking page can hold your rentals, activities and store items, or you can show just one of them, a single item, or a collection of items you pick.

Q: Do I have to change Framer when my prices change?

No. Prices, availability, deposits and closures come from EquipDash, so a change there shows on your site the next time the page loads.

Q: Which EquipDash plans include it?

Every plan. Putting bookings on your own website is included. Start a free 21-day trial to try it.

Paste your EquipDash code into an Embed component and customers book rentals and activities, pay and fill in your waivers without leaving your site. There is nothing to install.

Start Your Free Trial Read the setup guide

Included on every plan. 21-day free trial.

Framer editor

Book online

Published

Book online

Pick a day and book in a minute.

Embed component

<script src="https://app.equipdash.com/js/equipdash-widget-embed.js" defer></script>
<div class="equipdash-widget" data-shop="your-shop" data-view="full"></div>

New booking from your website

Jane Doe booked 2 people for Saturday at 9:00 AM.

Paid

Paste one piece of code

Copy it from EquipDash, paste it into an Embed component.

Live availability

Your site shows what is free right now, so nothing is double-booked.

Checkout in EquipDash

Payments, deposits and waivers are handled for you.

Works on phones

Customers book from whatever screen they are on.

HOW IT WORKS

Live on Framer in three steps

No developer needed.

Copy your code

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

Paste it into Framer

Open your site in Framer.
Click Insert > Utility > Embed and place it on the page.
Set the embed type to HTML and paste your code.

Publish

Size the embed to fill the width, then click Publish.

Bookings land in your EquipDash calendar, the same as bookings taken at the counter.

Read the full Framer setup guide

Embed options

Settings > Booking widget

Your whole booking page

Everything you sell, or just rentals, activities or your store.

One item

Its booking calendar, sized to fit your page.

A collection

A group of items you picked, in your order.

A Book now button

Sits in the corner and opens your bookings in a pop-up.

WHAT YOU CAN EMBED

Show as much or as little as you like

Give your menu a Book page with everything on it, or put one item's calendar right under its description. Each choice has its own code, and you can use several on one site.

To embed a single item, open it in EquipDash and use its Embed tab.
The booking page uses the colors you pick in EquipDash, so it can match your site.

FOR YOUR CUSTOMERS

Customers book without leaving your site

Pick a date and time from live availability, for rentals and activities alike.
Pay in full or pay a deposit online.
Fill in the waivers and forms you ask for.
Tap Book now on any page and book in a pop-up.

Prices, availability, deposits and closures all come from EquipDash. Change them once and your site shows the change.

yourshop.com/book

Book online

‹October›

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

Book now

Book now button

Every page

<script src="https://app.equipdash.com/js/equipdash-widget-embed.js" defer></script>
<div class="equipdash-widget" data-shop="your-shop" data-view="button"></div>