Embed Calendly

Description

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.

Features

  1. Import Calendly event types to WordPress
  2. Customize embed widgets via shortcode.
  3. Easy to use widget customizer for customizing and generating embed widget shortcodes.
  4. Supports inline, text popup and button popup embed options.

Shortcode

Embed Calendly scheduling page on WordPress with:

[calendly url="https://calendly.com/example/call" type="1"]

Or

[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

Screenshots

FAQ

How do I display scheduling forms on pages?

Add [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?

Use the style_class option when adding the shortcode.
Example: [calendly type=”1″ url=”https://calendly.com/example/call” style_class=”custom_form_style”]

Reviews

Avrîl 21, 2022
I installed this tool and I found it kind of helpful but with a few bugs because the short code it gave me doesn't work unless I configure it my self.
Març 9, 2022
I added the code into a WP page and got the message: No openings at the moment. If you are the owner of this account, you can log in to find out more. Client said: The problem is that I use my Microsoft 365 to login, which is necessary to connect to my calendar. With 365 I am completely passwordless, logging in only via authenticator, so a 6 digit code that changes every 30seconds. Not sure if there is a way around that.
Novembar 1, 2021
I've added this plugin to our website with the aim of having Calendly appearing seamlessly embedded in various appointment scheduling pages. Works a charm. Easy setup with several embedding options, does not slow the page down and looks professional. Would recommend.
Read all 8 reviews

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.