How to Connect Calendly to Your Website with Lokuma

Connecting third-party tools to a website used to be one of those tasks that sounds simple and somehow isn't. You'd hunt for an embed snippet, paste it somewhere, watch it render weirdly, fight with spacing, and repeat. Every tool had its own quirky process — and Calendly was no exception.

Traditionally, adding a Calendly booking widget meant digging through their embed settings, copying an iframe snippet, finding the right place to paste it in your website builder, and then debugging why it looked off on mobile. Most people just ended up linking out to their Calendly page instead, which works but costs you the conversion — the visitor leaves your site before they've booked.

With Lokuma, the whole thing takes about 30 seconds. Here's what it actually looks like.

Watch it in action

https://youtu.be/SH9VTlflEZs

Step 1: Copy your Calendly link

Go to your Calendly dashboard and find the event type you want to use. Hit Copy on the booking link — that's the only thing you need from Calendly.

Calendly's scheduling dashboard — find your event type and copy the booking link. That's all you need.

Step 2: Tell Lokuma's AI where to put it

Open your site in the Lokuma editor. Click on any button or section where you want the Calendly link to appear — a "Book a call" CTA, a "Schedule a meeting" button, or a dedicated booking section — and type a simple prompt in the AI panel:

"Redirect the 'Book Me' button to target URL: https://calendly.com/your-link"

The AI updates the button instantly, no code required.

The Lokuma AI editor — type a plain English instruction and the AI links your button directly to Calendly. No embed code, no widget settings.

The old way vs the new way

The old way:

1. Go to Calendly → Sharing & Embedding → copy embed code
2. Find an HTML/widget block in your website builder
3. Paste the code, preview it, realize the height is wrong
4. Adjust the iframe parameters
5. Check on mobile — it's broken
6. Fix it. Repeat.

The new way with Lokuma:

1. Copy your Calendly booking link
2. Open the AI editor
3. Type what you want
4. Done

No embed code. No widget configuration. No CSS debugging.

Why the booking step matters so much

Traditionally, getting a visitor to book a call required them to leave your site, land on a generic Calendly page with your branding stripped away, and complete the booking there. That extra step — the context switch away from your site — is where a lot of conversions quietly die.

With an inline booking link on your own site, the whole flow stays in one place. The visitor sees your services, reads your about section, decides they want to talk — and books without ever leaving. That continuity matters, especially for service businesses where trust drives the decision.

For consulting firms, coaching practices, legal services, architecture studios — really any business where booking a call is the primary goal — this is the difference between a website that works and one that just exists.

Two approaches worth knowing

When you're setting up scheduling on a Lokuma site, you've got two options:

Option 1: Link or embed Calendly directly
Tell the AI to link a button to your Calendly URL, or ask it to embed a full inline booking section. Best if you're already using Calendly and want to keep your existing scheduling workflow.

Option 2: Use Lokuma's native booking features
Lokuma has built-in booking tools that don't require a third-party account at all. If you're just getting started, this is the faster path — no Calendly account needed, no extra integration.

Traditionally you had to choose between ease (use the platform's basic form) and power (use a real scheduling tool but deal with the embed headache). With Lokuma you don't have to make that trade-off — both options are straightforward.

Try it

If you're already on Lokuma, open your site in the AI editor and type something like:

"Add a booking section with my Calendly link: [paste your link]. Put it below the services section."

If you're not on Lokuma yet, you can build your whole site — Calendly integration included — in a few minutes at lokuma.ai.

Start building for free →

Looking for more tips like this? Check out the full Lokuma website builder tutorial for a step-by-step walkthrough, or browse the AI website builder for professional services if you're building a client-facing site.