How to embed Calendly Meeting in Elementor?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor Meeting Scheduler widget allows embedding a Calendly scheduler on a website.
  • Users must add their Calendly account username in the User Name field to integrate the scheduler.
  • The Time dropdown requires selecting the correct duration of meetings/events, such as 30 Minutes for a 30-minute meeting.
Table Of Content

The ability to easily embed a Calendly scheduling calendar into an Elementor website can be a great asset for businesses looking to streamline their workflow. Embedding a Calendly scheduler calendar into your website allows users to quickly book a meeting or event with you or your staff with a few simple clicks. This allows businesses to save time and energy by not having to manage calendars and schedules manually.

The Plus Addons for Elementor Meeting Scheduler widget allows you to embed Calendly on your website easily.

To check the complete feature overview documentation of The Plus Addons for Elementor Meeting Scheduler widget, click here.

LIVE WIDGET LINK

To do this, add the Meeting Scheduler widget on the page and go to Meeting Scheduler > Select, from the dropdown, choose Calendly.

Meeting scheduler calendly

Now you have to add your Calendly account username in the User Name field.

Make sure you have at least one event in your Calendly account.

To find the Calendly username go to Calendly.com and log into your account. Once logged in, click on Account > Account Settings > My Link on this page, and you’ll find your user name.

Calendly username

Once you find the user name, copy it, and paste the same in the Meeting Scheduler widget User Name field.

From the Time dropdown, choose the correct duration of your meeting/event.

For example, if you’ve set 30 mins as the duration of your meeting/event in Calendly, then you have to choose 30 Minutes from the Time dropdown.

Meeting scheduler calendly time

If you want to show multiple events on your page, then choose All from the dropdown it will show all the events/meetings from Calendly.

Now you’ll be able to see the Calendly scheduler on the page.

You can turn off the Display Event Type toggle to hide the event type from the scheduler.

Finally, you can adjust the height of your scheduler from the Height section.

You are good to go, but if you want to customize the look and feel of the Calendly scheduler, you can do that from the Style tab.

From here, you can change the colour of text, link and background of the scheduler.

Now you have a fully working Calendly scheduler embedded on your page, which users can use to book meetings with you.

Meeting scheduler calendly preview

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my Calendly username isn't accepted in the Meeting Scheduler widget?

If your Calendly username isn't accepted, ensure you are using the correct username format. You can find your username by logging into Calendly, navigating to Account > Account Settings > My Link. If you haven't created any events in Calendly, do that first, as the widget requires at least one event to function properly.

What is the best practice for setting the meeting duration in the Meeting Scheduler widget?

The best practice is to ensure that the duration you select in the Meeting Scheduler widget matches the duration set in your Calendly account. For instance, if your meeting is set for 30 minutes in Calendly, choose '30 Minutes' in the widget. This alignment prevents confusion for users trying to book appointments.

Does embedding Calendly in Elementor slow down my website?

Embedding Calendly using The Plus Addons for Elementor should not significantly slow down your website. However, always test your page's performance after adding new widgets. If you notice a slowdown, consider optimizing other elements on your page to maintain a smooth user experience.

What happens if I turn off the Display Event Type toggle in the Meeting Scheduler widget?

Turning off the Display Event Type toggle will hide the event type from the scheduler, simplifying the interface for users. This can be beneficial if you want to focus on the booking process without overwhelming users with too much information. It's a useful feature for a cleaner look.

Last reviewed: April 12, 2026

Related Docs