# How To Add Calendly To Webflow

> To embed Calendly in Webflow, first create or select an event in Calendly, click Share, choose Add to Website, select Inline Embed, and copy the code. Next, in Webflow, drag an Embed block to your desired location, paste the code, save, and publish your project.

Canonical: https://livedemo.ai/tutorials/how-to-add-calendly-to-webflow/
Apps: Calendly, Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2ccda98365d086570205/preview?step=1

## Steps

1. Inside Calendly, create a new event or select the one you wish to insert or embed in your Webflow project.
2. Click on the Share button.
3. Go to Add to Website tab.
4. Choose the best suited method for your use case. For our example, we will be using a simple Inline Embed .
5. Select your choice and press Continue.
6. Customize your embed settings.
7. Copy the Embed Code .
8. Now inside Webflow, drag the Embed block or Code Embed into the desired location.
9. This will open an input field for the embed code. Paste the code copied from Calendly here.
10. Click on Save or S ave & Close .
11. Publish your project to see live changes.
12. And you now have Calendly in your Webflow project.