Embed Calendly

外掛說明

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

螢幕擷圖

常見問題集

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

使用者評論

2022 年 10 月 11 日
Really easy to schedule a personal Zoom room for customers.
2022 年 9 月 14 日
Simple to install and works flawlessly. Thank you.
2022 年 4 月 21 日 1 reply
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.
2022 年 3 月 9 日
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.
2022 年 1 月 24 日
Even the free version of the Calendly plugin works fine on my website. Just what I needed! Very user-centric.
閱讀全部 11 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Embed Calendly〉的開發相關工作。

參與者

〈Embed Calendly〉外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Embed Calendly〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄