NoteFor 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
1
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.
2
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.
3
Select your calendar
Click the Calendar element to open its settings. Select the specific calendar from the dropdown.
4
Style and position
Resize and position the element. The widget adapts to its container width. Full-column width usually works best.
5
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.
Common Mistakes
- 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.
You're building something real
Everything you need. One platform. $44/month.
Email, funnels, courses, community, CRM, and ALMA OS as your AI co-creator. No platform fees. No per-feature pricing.
Start Building →getmondai.com · No contracts · Cancel anytime
Still stuck?
→Search the ALMA OS Help Center
→Email support@getmondai.com with a Loom video
→Ask inside the ArchiTech Channel