1. Home
  2. Docs
  3. Dynamic Contents
  4. Calendly

Calendly EA Element

Schedule meetings without the back-and-forth emails and embed it on your website directly through the Calendly EA Element. We are happy to integrate this important application in our Elementor Addons. Here in this tutorial, you’re going to learn how to use the Calendly element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


How to Customize the Calendly Element




⇒User Name: Copy the link of your Calendly profile in the username box. Remember, to set the calendar, you have to link it from your Calendly account first.

⇒Time Slot: Select the time slot you have selected on your Calendly account earlier.

After entering a valid calendly username and time slot, you will be able to see the calendar appears on the screen.

⇒Hide Event Type Details: Show/hide the event type details.

⇒Height: Customize the height of the calendar event box on the page for different dimensions.


Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.





⇒Text Color: Add a custom color to the calendar texts.

⇒Button & Link Color: Add a custom color to the buttons and links on the calendar.

⇒Background Color: Add a custom background color to the calendar.



Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Calendly Element.

Was this article helpful to you? Yes 1 No

How can we help?