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.
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.
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.