Website Building » Elementor » How do I embed a Calendly in WordPress Elementor?

How do I embed a Calendly in WordPress Elementor?

Last updated on December 20, 2022 @ 12:28 pm

Embedding a Calendly in WordPress Elementor is easy. Once you have installed the Calendly plugin and activated it, you will need to add a new widget to your WordPress site.

To do this, click on the “Add New Widget” menu item in the left-hand sidebar of your WordPress site, and then select the “Widget” category. Click on the “Calendly” widget option to open the widget editor. In the widget editor, you will need to provide the following information:

1. The URL of your Calendly account
2. The API Key of your Calendly account
3. The Name of the widget
4. The Description of the widget
5. The Category of the widget
6. The Position of the widget on your WordPress site
7. The Theme of your WordPress site
8. The Available Widgets on your WordPress site
9. The “Add to Theme” Button
10. Once you have completed the above steps, your Calendly widget will be available on your WordPress site.
11. To embed the widget, copy the following code and paste it into the “Code” field of your blog post or page:

<iframe style=”width: 100%; height: 500px;” src=”https://www.calendly.com/embed/widget/your-widget-name” width=”300″ height=”150″></iframe>

PRO TIP: If you are embedding a Calendly in WordPress Elementor, be aware that there is a potential for conflicts between the two platforms. It is recommended that you take the time to test your implementation thoroughly before making it live on your site.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.