Note
Note
For MONDAi-hosted pages, use the drag-and-drop Calendar element in the page builder. The embed code method is for external websites like WordPress.
An embedded booking widget keeps visitors on your page. They see the calendar inline, pick a time, and book without breaking their momentum. No redirect required.
Steps
For external sites: get the embed code
Go to Calendars, open your calendar, and click Embed or Share. Copy the iFrame snippet. Skip this step for MONDAi pages.
For MONDAi pages: add the Calendar element
Open the page in the funnel or website editor under Sites. Drag the Calendar element from the element library to the desired section.
Select your calendar
Click the Calendar element to open its settings. Select the specific calendar from the dropdown.
Style and position
Resize and position the element. The widget adapts to its container width. Full-column width usually works best.
Publish and test
Publish the page. Complete a full test booking through the widget. Confirm the appointment appears in your calendar and the confirmation email sends.
- Pasting embed code on a MONDAi page. Use the native Calendar element on MONDAi pages. It is simpler and better integrated.
- Publishing before testing. A calendar that looks correct may still have a broken booking flow. Always complete a test booking after publishing.
- Not connecting the correct calendar. If you have multiple calendars, confirm you selected the right one in the element settings.
Still stuck?
- Search the MONDAi Help Center
- Email support@mondai.io with a Loom video
- Ask inside the ArchiTech Channel
Press ⌘K to search every article, or email support@mondai.io.