Skip to main content

Floating "Book Now" Button

The floating button is a persistent call-to-action that sits in a corner of every page on your marketing website. Customers can click it from your homepage, your blog, your FAQ — from anywhere — and the EquipDash booking widget opens in a modal on top of your site. They never leave your domain.

One snippet, pasted into your website's global footer, runs everywhere.

Turning It On​

  1. Go to Settings → Booking widget → Embed tab.
  2. Scroll down to the Floating "Book Now" button section.
  3. Toggle Enable floating Book Now button on.
  4. Configure:
    • Opens — which listing the modal opens on (Rentals, Experiences, or Store).
    • Button label — the text on the button (default: "Book now").
    • Position — Bottom right or Bottom left.
    • Icon — Calendar, Ticket, Cart, or No icon.
  5. Click Save Book Now button.

Floating button configuration on the Embed tab

Copying the Snippet​

Once enabled, a ready-to-paste HTML snippet appears below the configuration. It looks like:

<script src="https://app.equipdash.com/js/equipdash-widget-embed.js" async></script>
<script>
  window.EquipDashEmbed = {
    slug: 'your-slug',
    target: 'experiences',
    label: 'Book now',
    position: 'bottom-right',
    icon: 'calendar'
  };
</script>

Paste it just before the closing </body> tag on every page of your website. Most CMSs have a "global footer" or "custom code" field where you can drop it once and it runs site-wide.

CMSWhere
SquarespaceSettings → Advanced → Code Injection → Footer
WixSettings → Custom Code → Add Custom Code → Body (end)
WordPressUse a plugin like Insert Headers and Footers, then paste into Footer Scripts
WebflowProject settings → Custom Code → Before </body> tag
ShopifyOnline Store → Themes → Edit code → theme.liquid, before </body>

Using Multiple Buttons on the Same Page​

If you have a combined site — rentals and experiences and a store — you can drop multiple snippets on the same page. Each button opens a different listing.

Just paste the snippet twice (once per target) and each button shows up in its own position. Customers get one-click access to the right listing.

How It Looks to Customers​

Clicking the button opens the widget in a 95% × 95% modal over your site. A close button in the corner dismisses it. Your site stays visible underneath — the customer never loses context.

Troubleshooting​

The button doesn't appear.
Check the <script> is loaded: open your browser's Developer Tools → Network tab, reload your site, and search for equipdash-widget-embed.js. If it's missing, your snippet is probably in the wrong place or your CMS is stripping <script> tags.

The modal opens but is blank.
Your supplier slug might be wrong. Double-check the slug: value in the snippet matches your actual widget URL slug.

The button is covered by my chat widget.
Switch the button position to the opposite corner (Bottom left vs Bottom right) so the two don't overlap.