How to add Calendly to a Webflow site

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

  1. Sign in to your Webflow account.
  2. Open your Webflow project.
  3. Choose one of the following embed options:
    • To use an inline embed or popup text:
    • 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.
  4. Save the settings and publish your project.

For more details, check out Webflow's guide to embedding Calendly