Install the CoverCount booking widget on GoDaddy Website Builder

Use this guide when your venue website is built with GoDaddy Websites + Marketing, sometimes called GoDaddy Website Builder.

GoDaddy supports custom HTML, CSS, and JavaScript through an HTML section. That section is the right place to add the CoverCount booking widget.

Before You Start

You need:

• Your CoverCount tenant slug, such as oak-and-vine
• Your venue display name
• An optional experience slug, such as dining or wine-tasting
• Access to edit and publish your GoDaddy website

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

Widget Snippet

Start with this snippet and replace the example values.

<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',
    utm: window.location.search,
    height: 920
  })
</script>

For a single experience, include 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',
    utm: window.location.search,
    height: 980
  })
</script>

Add The Widget In GoDaddy

1. Go to your GoDaddy product page.
2. Expand Websites + Marketing and select Manage next to the site you want to edit.
3. Open the website editor.
4. Go to the page and location where you want reservations to appear.
5. Add a section.
6. Search for the HTML section and add it.
7. Paste the CoverCount snippet into the Custom Code field.
8. Set the section height high enough for the booking flow. Start with 920 pixels. Use 980 pixels or more for longer tasting or deposit flows.
9. Use Preview to test the booking widget.
10. Publish the site when the widget looks correct.

GoDaddy saves edits automatically, but the public website does not show the change until you publish.

Recommended Height

Most booking widgets work well at 920 pixels. Use a taller section when:

• The experience has a long description
• Guests choose between several seating options
• The booking requires a deposit or card hold
• The widget appears too short in preview

Do not set the GoDaddy section height to 0; GoDaddy treats a zero-pixel height as deleting the section.

Track Website Bookings

Keep this line in the snippet:

utm: window.location.search

It lets CoverCount forward UTM tracking values from your GoDaddy page into the booking flow. For example, if a guest lands on your website from a campaign URL, the reservation can keep that source information.

If you are creating a direct booking button instead of embedding the widget, use a URL like this:

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

If The Widget Does Not Display

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

Check these items first:

• The page includes both the <div id="reserve-widget"></div> container and the ReserveWidget.init(...) script.
• The target value is still '#reserve-widget'.
• The tenant value is your CoverCount tenant slug.
• The HTML section is published, not only previewed.
• The section height is not too short.

If GoDaddy's HTML section does not work for your page, use a direct booking link instead.

Direct Booking Link Fallback

If you prefer a button or text link, add this to a GoDaddy button, navigation item, or text link:

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.

More Help

GoDaddy's own help article for this workflow is Add HTML or custom code to my site.

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