Embed Calendly helps you add Calendly scheduling pages to your WordPress website in an easy and simple way.
Allows visitors to easily schedule meetings anywhere on your WordPress website, through Calendly.
With an easy to use widget customizer, design your embed widget directly from the WordPress dashboard.
- Import Calendly event types to WordPress
- Customize embed widgets via shortcode.
- Easy to use widget customizer for customizing and generating embed widget shortcodes.
- Supports inline, text popup and button popup embed options.
Embed Calendly scheduling page on WordPress with:
[calendly url="https://calendly.com/example/call" type="1"]
[calendly url="https://calendly.com/example/call" type="2" text="Book Now" text_color="#ffffff" text_size="14" button_style="1" button_size="1" button_color="#2694ea" branding="false" hide_details="false" style_class="custom_form_style"]<h3>Customization</h3>
You can customize the embed widget using the widget customizer at Dashboard > Embed Calendly > Customizer, or
with the following shortcode options:
type– Embed form type. 1 – inline embed, 2 – popup button embed, 3 – popup text embed
url– Scheduling page link
text– Button/Link text
text_color– Button/Link text color
text_size– Button/Link text size
button_color– Button background color. Any hexadecimal color code is supported here
button_size– Button size. 1 – Samll, 2 – Medium, 3 – Large
button_style– Button style. 1 – Inline, 2 – Float
branding– true/false. Show or hide branding
hide_cookie_banner– 0(false) or 1(true). Hide or show cookie settings/banner
hide_details– 0(false) or 1(true). Hide or show details
style_class– CSS style name for adding custom css style to embed widget
How do I display scheduling forms on pages?
[calendly url="https://calendly.com/example/call" type="1"]shortcode to any page you want to display the form on.
How do I connect to Calendly?
Paste your Calendly api key in the API Key tab on Embed Calendly settings page
How do I style my embed widget on WordPress?
Go to * Dashboard > Embed Calendly > Customizer * and select an event type from the dropdown. Then adjust the customizer settings to suit you.
How do I add additional CSS class to embed widgets?
style_classoption when adding the shortcode.
Example: [calendly type=”1″ url=”https://calendly.com/example/call” style_class=”custom_form_style”]
Contributors & Developers
“Embed Calendly” is open source software. The following people have contributed to this plugin.Contributors
“Embed Calendly” has been translated into 3 locales. Thank you to the translators for their contributions.
Translate “Embed Calendly” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.