Add Popover Booking on your website
The booking popover provides a premium, overlay experience that keeps users on your site while they schedule appointments. Perfect for "Book Now" buttons in your header or hero section.
Seamless UI
Overlays on your site
Mobile Native
Full-screen on phones
Single Click
High-conversion flow
Install the Popover Script
Add this script to your site's header or footer. This script handles the modal logic and iframe loading automatically.
<script src="https://widget.convopilot.com/booking-popover.js" data-site-id="YOUR_SITE_ID"></script>Link your buttons
The script automatically listens for any element with the data-convopilot-booking attribute. Simply add this attribute to your "Book Now" buttons.
<button data-convopilot-booking>Book Now</button>Manual JavaScript Trigger
If you need to open the booking flow from your own custom code, you can call our global function:
window.ConvoPilot.openBooking();Platform Specific Instructions
WIXAdding attributes in Wix
In Wix, you can't always add custom attributes to native buttons. Instead:
- 01
Open the Wix Editor.
- 02
Add an Embed HTML element where you want the button.
- 03
Paste the HTML button code:
<button data-convopilot-booking>Book Now</button>
WPAdding attributes in Elementor / Gutenberg
If you use Elementor:
- 01
Select your button.
- 02
Go to Advanced > Attributes.
- 03
Add:
data-convopilot-booking|true
Want a simple link instead?
If you just want to put a link in your Instagram bio or Facebook page, use your Standalone Booking Link.
Get Booking Link