Learn how to embed Calendly with Elementor. Our WordPress Support team is here to help you with your questions and concerns.

How to embed Calendly with Elementor

Elementor is a popular easy-to-use page builder plugin for WordPress. It makes it easier for users to design and create custom web pages visually, without requiring any coding knowledge.

Furthermore, it offers a wide range of design tools and features to help users build professional and dynamic websites.

On the other hand, Calendly is an online scheduling tool. It helps simplify scheduling meetings, appointments, and events.

After installing and activating the Calendly plugin and activated it, we have to add a new widget to our WordPress site with the Elementor plugin. Let’s take a quick look at how this is done:

1. First, we have to install and activate the Elementor plugin by heading to Plugins in the WP dashboard and searching for “Elementor.”
2. Then, navigate to Pages, and create a new page or edit an existing page using Elementor.
3. Next, click the Add New Section button within the Elementor editor to create a new section for the Calendly embed.
4. Now, it is time to choose a structure or layout for the section depending on our design preferences and the placement of the Calendly embed on the page.
5. Then, drag and drop an Elementor widget into the section we created above. We can use the Text Editor widget or the HTML widget for this.
6. Next, head to the Calendly website and create the event or calendar that we want to embed. After that, we will get the embed code.
7. Then head to the Elementor widget from step 5 and paste the Calendly embed code.

   Paste it in the text editor if we are using the Text Editor widget, else switch to the Custom Code tab if we are using the HTML widget.
8. Finally., save the changes in Elementor and publish the page. We will be able to preview the page to see the Calendly embed.

Furthermore, our experts recommend testing the implementation before making it live on the site.

[Need assistance with a different issue? Our team is available 24/7.]

Conclusion

To conclude, our Support Techs demonstrated how to embed Calendly with Elementor.