Embed Calendly

Beschrijving

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

Schermafbeeldingen

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”]

Beoordelingen

11 oktober 2022 1 reactie
Really easy to schedule a personal Zoom room for customers.
14 september 2022 1 reactie
Simple to install and works flawlessly. Thank you.
21 april 2022 1 reactie
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.
9 maart 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.
Lees alle 13 beoordelingen

Bijdragers & ontwikkelaars

“Embed Calendly” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Embed Calendly” is vertaald in 3 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Embed Calendly” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.