Back to all articles
Tutorials

How to Embed the Rezzervo Booking Widget on Your Website

Learn how to add Rezzervo's booking widget to any website. Step-by-step instructions for WordPress, Squarespace, Wix, Shopify, and custom HTML sites.

Rezzervo Team2 min read

Add Booking to Your Website in Minutes

Your website should be your busiest booking channel. Here's how to add Rezzervo's booking widget to any site.

Option 1: Inline Widget

What It Does

Places the full booking flow directly on a page of your site. Clients browse services, select staff, pick a time, and book without leaving your website.

Implementation

Copy the embed code from your Rezzervo dashboard and paste it into the HTML of your desired page. The widget automatically matches your brand settings.

Option 2: Pop-Up Button

What It Does

Adds a "Book Now" button that opens a booking modal when clicked. Ideal for headers, hero sections, or service pages.

Implementation

Add a single line of JavaScript to your site. Customize the button text, color, and position from your Rezzervo dashboard.

Platform-Specific Guides

WordPress

Use the Rezzervo plugin or paste the embed code into a custom HTML block in Gutenberg or Classic Editor.

Squarespace

Add a code block and paste the embed code. The widget adapts to your Squarespace template automatically.

Wix

Use the HTML iframe element or the Corvid/Velo JavaScript option for advanced placement.

Shopify

Add the widget to your theme's product pages, cart page, or create a dedicated booking page template.

Custom HTML

Paste the embed code anywhere in your HTML where you want the booking widget to appear.

Get started with Rezzervo

For first-time setup, read our Rezzervo setup guide.

Have questions or ideas?

Contact us for feature requests, partnerships, or any questions you might have.

contact@rezzervo.com
Rezzervo

Book quickly. Manage simply