Embedding Zeeg on WordPress means adding your scheduling page directly into a WordPress page or post using an HTML code snippet. Instead of redirecting visitors to an external link, they can book a meeting right on your site — keeping your brand experience consistent and reducing drop-off.
The embed option is available on all pricing plans, including the free tier. Color customization options (background color, text color, button and link color) are available on all paid plans.
Before you start
Make sure you have:
A scheduling page created in your Zeeg dashboard
Access to your WordPress admin panel
The ability to add HTML to your pages (available in the default WordPress editor, or on Elementor)
Step 1: Copy your embed code from Zeeg
1. On your Zeeg dashboard, find the scheduling page you want to embed and click Share.
2. In the popup, select Add to website.
3. Choose Inline Embed.
4. Customize the appearance if needed — if you have Zeeg Professional or more, you can adjust colors and choose to hide certain elements (profile picture, name, duration, location, and description) by selecting Hide details.
5. Click Copy to copy the embed snippet to your clipboard.
Step 2: Add the embed code to WordPress
Depending on how your WordPress site is set up, there are a few ways to add the embed code.
Using the Block Editor (Gutenberg)
This is the default editor for WordPress sites running version 5.0 or later.
Open the WordPress page or post where you want to embed the scheduler.
Click the + button to add a new block.
Search for and select the Custom HTML block.
Paste your Zeeg embed code into the block.
Click Preview to check how it looks, then click Update or Publish to save.
Using the Classic Editor
If your site uses the Classic Editor plugin or an older WordPress version:
Open the page or post where you want to add the scheduler.
Switch to the Text tab (not the Visual tab) in the editor toolbar.
Paste your Zeeg embed code where you want the scheduler to appear.
Click Update or Publish.
Using a page builder (Elementor, Divi, etc.)
Most popular page builders support custom HTML widgets or modules:
Edit the page in your page builder.
Add an HTML widget or Code module to the desired section.
Paste your Zeeg embed code into the widget.
Save and publish the page.
Step 3: Verify the embed
Once you've saved and published, visit the page on your website to confirm the scheduling widget is loading correctly. The calendar should display your available time slots and allow visitors to book directly.
URL redirect when using the Zeeg embed
When a visitor books a meeting through the embedded scheduler, any confirmation page redirects happen inside the embed (iFrame) by default — not the parent page.
If you want to redirect the entire browser page after a booking, add
data-redirect-parent="true"
to your embed script, like this:
<!-- Zeeg inline embed begins -->
<div class="zeeg-inline-widget" id="zeeg-embed-demo-hr-30min" style="min-width: 320px; height: 780px"></div>
<script type="text/javascript" src="https://assets.zeeg.me/embed.min.js" data-user="demo" data-event-type="hr-30min" data-redirect-parent="true" async></script>
<!-- Zeeg inline embed ends -->
Replace
demo
with your Zeeg username and
hr-30min
with the slug of your scheduling page.
Troubleshooting
The embed is not showing on my page. Make sure you pasted the code in an HTML block or Text mode — not in the Visual editor, which may strip out the script tag.
The scheduler appears cut off. Adjust the height value in the embed code's style attribute (e.g., change height: 780px to a larger value) until the full scheduler is visible.
The embed looks unstyled or broken. Some WordPress themes or caching plugins can interfere with embedded scripts. Try clearing your cache, or check with your theme's support documentation to see if custom HTML scripts need to be whitelisted.
FAQ
Can I embed multiple scheduling pages on the same WordPress site?
Yes. You can add different embed codes for different scheduling pages on different pages or posts across your WordPress site.
Will the embed work on mobile?
Yes. The Zeeg embed is responsive and adapts to different screen sizes, including mobile and tablet.
Can I hide my name or profile picture in the embed?
Yes. In the Zeeg Share dialog, select Hide details before copying the embed code to remove the profile picture, name, duration, location, and description from the embedded view.
Do visitors need a Zeeg account to book?
No. Visitors can book directly through the embedded scheduler without creating an account.