Skip to main content
Goal: a page where visitors can book a meeting or call — backed by your real calendar.
1

Set up Calendly (or Cal.com)

Create a free Calendly account and an event type (e.g. “30-min intro call”). Connect your calendar so it only offers times you’re free.
2

Copy the embed

In Calendly, open Share → Add to website → Inline embed and copy the snippet.
3

Add it to your page and publish

Ask your AI “add this Calendly booking widget to my page” and paste the snippet, or drop it into your HTML:
<div class="calendly-inline-widget"
     data-url="https://calendly.com/your-handle/30min"
     style="min-width:320px;height:700px"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" async></script>
Publish on Shareable — visitors book in-page, and it lands on your calendar.
This one uses a small external <script> from Calendly (not just an iframe). That’s fine for trusted, well-known providers — see the security note.

​
Other calendar tools — same idea

The exact same three steps work with any booking tool that offers an embed. Sign up, find its Embed option, copy the snippet, and paste it into your page (or hand it to your AI):
ToolWhere to find the embed
CalendlyShare → Add to website → Inline embed
Cal.com (open-source)Event type → Embed → Inline
HubSpot MeetingsMeetings → Share / Embed → copy the code
Google Calendar — appointment scheduleAppointment schedule → Share → Embed
SavvyCalShare → Embed
Most give you either an <iframe> or a small <script> + a target <div> — both work on a Shareable page.
Even simpler: tell your AI “add my Cal.com booking page” (or HubSpot, Calendly, …) and paste your scheduling link — it’ll generate the right embed for that provider.