Published by Calendly - July 17, 2019

Add a scheduling form to your website to increase conversions instantly

Calendly offers multiple embed customization options to fit your unique brand

Embed Calendly on your website

When you have high-intent traffic on your website, adding a scheduling form is a crucial way to convert them to important meetings like demos. Connect with your website visitors at the height of their interest by adding Calendly to your site. You can customize the look and feel of Calendly to match your brand and you’ll see big returns right away.

How to add Calendly to your website

There are three easy ways to embed Calendly on your website.

Calendly can be added to any website, landing page or CMS like WordPress, Leadpages, Wix, Squarespace and many more. Choose from three different ways to add to your site: embed right on the page or launch Calendly in a pop-up by adding a button or text link.

1. Inline embed

Calendly appears seamlessly within the body of your site.

2. Pop-up widget

A button hovers in the corner of your site, and when clicked, opens Calendly in a pop-up window. You can customize the colors and the CTA.

3. Pop-up text

Add your preferred text to the body of a page, which opens Calendly in a pop-up window when clicked.

Users on the Pro plan can customize the colors and look of the embed experience. Make it your own by setting the background, text and button colors to match your brand’s style. Hide scheduling details from your Calendly event when using the inline embed option for a truly seamless design. 

We’ve improved your editing options so you can set your colors and style in just a few clicks. To start scheduling on your site, simply copy and paste the code snippet to any web page.

There are also developer options for brands that require more control—pre-fill questions, set UTM parameters or notify the parent window.

Upfluence customized their scheduling flow to reflect their light and bright brand colors.
You can customize the colors to any brand aesthetic. Go for high contrast or something more subtle. You choose.

How Calendly users are converting visitors to meetings

Embedding the scheduling experience right on your website enables you to connect with your visitors at the height of their interest, whether they are leads, customers, candidates, students or others. We see our customers achieve big wins like doubling their number of demos, just by adding Calendly to a high-traffic page.

Virtru’s sales team uses Calendly to keep up with a high volume of leads that come through the website. Once a prospect clicks on the “Request a demo” CTA and signs up, they are directed to a “Thank you” page that gives them the opportunity to schedule immediately. The result? Virtru doubled their demos—from 30% to 61%—within the first month of using Calendly.

If you want to increase your website conversions, use our quick guides to get started or go to your dashboard and select an event type to embed to  start customizing Calendly now.

  • Marcelo

    Color customization is a nice feature, but I won’t migrate from Premium to Pro just for this. It would be nice to release to the Premium plan as well.

    • Balto

      Right? It’s such a cheap move from Calendly

    • AJ Esterhuyse

      Search “book like a boss” – they offer you real value for money unlike what is happening here. You and your customer even get notified by sms multiple times.

  • Brett Jones

    I agree with Marcelo. I also won’t upgrade for this because the price jump is too high to justify the cost. Same with SMS reminders.

  • Génial ! JE vais pouvoir ajouter cette fonctionnalité à ma vidéo :

  • King Benjy

    Where are weekly calendar views?

  • Dylan Anderson

    Are there any plans to be able to start from a team page, rather than an event-type page? My team has a number of different event types customers can choose from, and I can’t embed each event type.

  • Stephen Lehtonen

    Can Calendly pull all team members calendars and only show open slots? In other words, if everyone is booked at a time, it would show as unavailable…

    • Rami Efal

      That will be terrific – an embedded alternative to a group doodle poll.

    • Kimra Luna

      You can create a Google calendar that syncs up everyone’s calendars, then add that into your “calendars connections” on Calendly. That’s how my team does it.

      • Stephen Lehtonen


  • Bouge Petit

    We have an issue when embedding inline. We use the parameter “hide_event_type_details”, however it works only on the calendar. Once the user clicks a date and time and confirms, the form displays the event details. Appropriate behavior should be to remove it on the next side of the form as well.

  • Xavier Dumont

    Hi, any plan about API invitee creation callback / metadata to integrate Calendly in a marketplace contact workflow ?