Add booking to your website
A website embed puts your booking calendar on your own site as an inline calendar, a pop-up widget or a pop-up text link.
- Free forever
- No credit card needed
Why the booking widget matters.
Sending visitors from your website to a separate booking link loses some of them along the way.
Caletus gives you a short code snippet to add booking to your website. Show the calendar inline on a page, as a floating pop-up button, or as a text link that opens it.
How the booking widget works.
- 1
Choose how it looks
Pick an inline calendar, a pop-up widget or a pop-up text link. - 2
Copy the code
Copy the snippet from the Add to website screen in Caletus. - 3
Paste it on your site
Paste it into your page's HTML or a code block in your site builder.
Before you start
- Access to edit your website's HTML or add a code block in your page editor.
What you can do with the booking widget.
Three ways to show it
An inline calendar, a pop-up widget or a pop-up text link.One short snippet
Copy the code from Caletus and paste it into your page.Works on most sites
Paste it anywhere you can add custom HTML, like WordPress, Webflow or Squarespace.On every plan
Website embeds are included on Free, Professional and Enterprise.
Which plans include the booking widget?
| On each plan | Starts hereFree$0Free forever | Professional$6Per user / month, yearly | Enterprise$12Per user / month, yearly |
|---|---|---|---|
| Booking widget | Yes | Yes | Yes |
| Start free | Start free trial | Talk to sales |
- Free$0Free foreverStarts here
- Booking widget
- Yes
- Professional$6Per user / month, yearly
- Booking widget
- Yes
- Enterprise$12Per user / month, yearly
- Booking widget
- Yes
Features that pair with the booking widget.
- Booking pages and booking linksEvery planA booking page shows your open times on one web page. Share its booking link and people book themselves.
- Custom branding for your booking pagesFrom ProfessionalCustom branding puts your logo and colors on your booking pages, and on Enterprise removes the Caletus badge.
Learn more about the booking widget.
- Blog post8 min readHow to add appointment booking to your website, step by stepAdd appointment booking to your website in eight steps: set up one meeting type, match your calendar, paste the embed code and test it on desktop and mobile.
- Blog post8 min readHow to add appointment booking to WordPress without a pluginAdd appointment booking to WordPress with a Custom HTML block or a simple booking link. Check your plan's code rules, then test the page on desktop and mobile.
- Blog post7 min readBooking link vs embedded scheduler: which should you use?Booking link vs embedded scheduler: see when a plain link wins, when an embed is worth it, and how to compare them on mobile, speed, tracking and upkeep.
Questions about the booking widget.
What people ask before they set up the booking widget: how it works, which plan it needs and its limits.
Talk it through with our teamOpen your event in Caletus, go to Add to website and copy the embed code. Paste it into your site's HTML or a code block in your page editor. You can show booking as an inline calendar, a pop-up widget in the corner or a text link that opens it.
Yes. The Caletus embed is a standard HTML and JavaScript snippet, so it works on WordPress, Webflow, Squarespace and most other site builders. If you can add a custom HTML or code block to a page, you can add booking to your website. It's included on every plan, including Free.
Usually your site's Content Security Policy is blocking it. The page has to allow framing from caletus.com, so ask whoever manages your site to add caletus.com to the frame-src rule in its Content Security Policy (CSP). Once that's allowed, the Caletus calendar loads normally.
Try the booking widget free.
The booking widget is on every Caletus plan, including Free. Connect a calendar and set it up in a few minutes, no credit card needed.
- No credit card required
- Two-way calendar sync
- Set up in under 2 minutes