How to add Calendly to a Webflow site
Updated Mar 21, 20261 min read
Available to all users on all plansCalendly plans and features can vary based on when your account was created your role, and any add-ons..View plans
Embed Calendly on your Webflow site so visitors can schedule time with you without leaving the page. Webflow supports inline embeds, popup text, and popup widgets.
Get your embed code
Before you begin, generate your Calendly embed code. You can get code for:
- A single event type
- A landing page with multiple event types
Embed Calendly using the Webflow editor
- Sign in to your Webflow account.
- Open your Webflow project.
- Choose one of the following embed options:
- To use an inline embed or popup text:
- From the Add panel, drag in an Embed element.
- Paste your embed code in the Embed element.
- To use a popup widget:
- Open the page settings for the page where you want the widget.
- Paste your embed code in the Before tag section.
- Save the settings and publish your project.
For more details, check out Webflow's guide to embedding Calendly.
Was this article helpful?
Let us know so we can improve our content.