Add a Conversion Widget to your website
Create a branded website card with a booking call to action, real availability, and optional WhatsApp
The Conversion Widget gives visitors a compact way to contact you or book a meeting without leaving the page they are viewing. You can match the card to your brand, control which websites may display it, and choose what happens when visitors click the main button.
Create the widget
- Go to Meeting Types.
- Click Share next to the meeting type you want to use.
- Open Embed/Website and select Conversion Widget.
- Add the team name, headline, description, button labels, and accent color.
- Add every domain where the widget may appear, for example
example.com. - Enter a secure
https://target. Premium, legacy Teams, and Enterprise plans can instead connect the widget directly to this meeting type. - Save the widget, enable it, and copy the generated snippet into your website.
The widget stays hidden on domains that are not in your allowed-domain list. Add the hostname only. Do not add a path such as /pricing. Each entry matches that exact hostname, so add www.example.com and other subdomains separately.
Show available days
Premium, legacy Teams, and Enterprise plans can use native meeting type scheduling and show the next genuinely bookable days in the card. The displayed number is the current count of bookable appointment times for that day. It is not a guaranteed reservation. The normal booking check still runs when a visitor chooses a time.
If availability cannot be calculated safely before the visitor makes a required choice, the widget shows the booking button without date suggestions.
Add WhatsApp
The WhatsApp button is included with Premium and Enterprise. Customers on an older plan, including legacy Teams, keep access while an active legacy WhatsApp add-on is attached to the account. A working WhatsApp Business connection and phone number are also required.
If the connection needs attention, the public widget leaves the WhatsApp button out automatically. Reconnect WhatsApp before publishing the button again.
Install the snippet
The generated code looks like this:
<script
async
src="https://cdn.meetergo.com/v4/conversion-widget.js"
data-conversion-widget-key="YOUR_WIDGET_KEY"
data-conversion-widget-api-base="https://cal.meetergo.com"
></script>
Paste the snippet before the closing </body> tag. The script loads the card only after its configuration has been accepted for the current domain.
If your site uses a strict Content Security Policy, allow scripts from https://cdn.meetergo.com, connections to https://cal.meetergo.com, and frames from the host of your booking page. Also allow images from the host of your avatar or logo. The standard meetergo booking modal currently needs style-src 'unsafe-inline' because its loader inserts modal styles into the page.
Disable or update the widget
Return to Share, Embed/Website, and Conversion Widget. You can update the text and design or disable the widget at any time. A disabled widget no longer appears on your website, even if the old snippet is still installed.
Was this article helpful?
Let us know if this article answered your questions.
Related articles
- Embedding meetergo in WordPressPaste your meetergo embed code into an HTML block on a WordPress page to display the booking interface for visitors.
- Embedding OverviewAdd meetergo scheduling to your website with inline embeds, popups, sidebars, video, and conversion widgets
- Embedding your booking page in FramerAdd meetergo scheduling to your Framer website with the meetergo plugin or code components
- Embedding your booking page in SquarespaceAdd your meetergo embed code to a Squarespace Code block and set a minimum 700px height for the booking form.