Website setup

Install the CoverCount booking widget on Wix

Add CoverCount online reservations to a Wix site with a visible embed, booking link, or HTML embed.

Updated 2026-06-22

Use this guide when your venue website is built with Wix and you want guests to book CoverCount reservations directly from your site.

For most Wix sites, the simplest setup is to embed your hosted CoverCount booking page with Wix's Embed a site element. If you need to paste the full widget script instead, use Wix's Embed HTML element.

Do not use Wix dashboard-level Custom Code for the visible booking widget. Wix describes that custom-code area as useful for snippets in the head or body of the site, but those snippets are invisible to visitors. For a visible reservation widget, add an embed element on the page.

Before You Start

You need:

  • Your CoverCount tenant slug, such as oak-and-vine
  • An optional experience slug, such as dining or wine-tasting
  • Access to edit and publish your Wix site

If you do not know your tenant slug or experience slug, contact CoverCount support before editing the site.

Option 1: Embed The Hosted Booking Page

This is the recommended Wix setup.

Use this URL shape:

https://explore.covercount.io/oak-and-vine/reserve?utm_source=venue-website&utm_medium=referral&utm_campaign=reservations

For one experience:

https://explore.covercount.io/oak-and-vine/reserve?experience=wine-tasting&utm_source=venue-website&utm_medium=referral&utm_campaign=reservations

Replace oak-and-vine and wine-tasting with your CoverCount values.

Add The Embed In Wix

  1. Open your Wix site in the editor.
  2. Go to the page and location where reservations should appear.
  3. Click Add Elements.
  4. Click Embed Code.
  5. Choose Embed a site.
  6. Click the embed element on the page.
  7. Click Enter Website Address.
  8. Paste your CoverCount booking URL.
  9. Click Apply.
  10. Resize the embed so the booking flow has enough room.
  11. Preview the page on desktop and mobile.
  12. Publish the site.

Start with a height around 920 pixels. Use 980 pixels or more for longer tasting, seating-choice, deposit, or card-hold flows.

Option 2: Embed The Widget Script

If you prefer to paste the CoverCount widget script, use Wix's Embed HTML element.

<div id="reserve-widget"></div>

<script src="https://explore.covercount.io/widget/reserve.js"></script>
<script>
  ReserveWidget.init({
    target: '#reserve-widget',
    tenant: 'oak-and-vine',
    venueName: 'Oak & Vine',
    height: 920
  })
</script>

For one experience:

<div id="reserve-widget"></div>

<script src="https://explore.covercount.io/widget/reserve.js"></script>
<script>
  ReserveWidget.init({
    target: '#reserve-widget',
    tenant: 'oak-and-vine',
    venueName: 'Oak & Vine',
    experience: 'wine-tasting',
    height: 980
  })
</script>

Add The HTML In Wix

  1. Open your Wix site in the editor.
  2. Go to the page and location where reservations should appear.
  3. Click Add Elements.
  4. Click Embed Code.
  5. Choose Embed HTML.
  6. Click the embed element on the page.
  7. Click Enter Code.
  8. Paste the CoverCount widget snippet.
  9. Click Apply.
  10. Resize the embed so the booking flow has enough room.
  11. Preview the page on desktop and mobile.
  12. Publish the site.

Wix HTML embeds run inside a sandboxed iframe. Because of that, the direct Embed a site setup is often easier to troubleshoot.

Tracking Website Bookings

For Wix Embed a site, put UTM parameters directly in the booking URL:

utm_source=venue-website&utm_medium=referral&utm_campaign=reservations

For Wix Embed HTML, the widget runs inside Wix's embedded HTML frame, so utm: window.location.search may not reliably reflect the outer website page URL. If attribution is important, prefer the direct booking URL in Embed a site or use tagged direct booking buttons elsewhere on the Wix site.

Mobile Checks

Preview the page in Wix's mobile editor before publishing.

Check that:

  • The embed is visible on mobile
  • The embed is tall enough on mobile
  • The booking form is not hidden behind sticky headers or overlays
  • The direct booking link opens correctly from a mobile browser

If the mobile embed feels cramped, add a visible Reserve now button that opens the direct CoverCount booking URL.

If The Widget Does Not Display

For a fuller checklist, see Troubleshoot the CoverCount booking widget.

Check these items first:

  • The direct CoverCount booking URL works outside Wix.
  • The Wix element is a visible Embed a site or Embed HTML element, not only dashboard-level custom code.
  • The tenant slug is correct.
  • The experience slug is correct, or the experience option is removed.
  • The embed is tall enough.
  • The site has been published after the change.

Direct Booking Link Fallback

If embedding is difficult, use a Wix button or navigation link instead.

https://explore.covercount.io/oak-and-vine/reserve?utm_source=venue-website&utm_medium=referral&utm_campaign=reservations

For one experience:

https://explore.covercount.io/oak-and-vine/reserve?experience=wine-tasting&utm_source=venue-website&utm_medium=referral&utm_campaign=reservations

Direct links work well for header buttons, mobile menus, announcement bars, and booking calls to action.

More Help

Wix's own help articles for this workflow are Embedding a Site or a Widget and Embedding Custom Code on Your Site.

For CoverCount-specific values, contact support@covercount.io.