Help centre › Website widget › Adding the widget on popular platforms

Adding the widget on Shopify

Most Shopify themes accept the Make a Rezzy reservation widget as either a Custom Liquid section, a Custom HTML block, or a direct theme code edit. This article walks through the cleanest route on a modern theme, then covers older themes.

Before you start, copy the embed snippet for your widget — see Adding the widget to your site if you have not got that far.

Online Store 2.0 themes (the cleanest route)

If your theme uses Online Store 2.0 sections (Dawn, Sense, Refresh, and most themes from 2021 onwards), drop in a Custom Liquid section:

  1. In your Shopify admin, open Online Store → Themes and click Customize on your live theme.
  2. Open the page where you want the widget — typically the home page or a dedicated bookings page.
  3. Click Add section and pick Custom Liquid.
  4. Paste the embed snippet into the Liquid box. Liquid passes raw HTML straight through, so no escaping or wrapping is needed.
  5. Click Save in the top-right.
  6. View the live storefront in a fresh tab. The theme customiser preview may not render the widget — view the published page to check.

Vintage themes (Custom HTML or theme edit)

If your theme does not offer a Custom Liquid section, you have two options:

  • A Custom HTML block. Some vintage themes expose a Custom HTML block in their theme settings — typically on the home page or in a "Promo" / "Spotlight" section. Drop the snippet there.
  • Edit the theme code directly. Open Online Store → Themes → … → Edit code, find the Liquid template for the page you want (for example templates/page.book.liquid), and paste the snippet where you want the widget to appear. Save the file and view the page on the live storefront.

Picking the right page

On a restaurant site that also sells gift cards or merchandise, the widget usually belongs on:

  • The home page hero. Either the button variant next to a "Visit" CTA, or the inline variant under a hero image.
  • A dedicated "Book a table" page. Create a new Shopify page (Online Store → Pages → Add page) and either add the section there or use the page template to embed the widget.

Where to go next