Basic popup link

This is the fastest way to let someone book a time through Calendly.

Using a link popup will add a link to your page. Clicking on it renders a popup to schedule a time through Calendly.

Adding the parameter type="popupLink" to the shortcode to use this style.
(Side note: type is optional. If it is not set, the shortcode will assume you want a popup link.)

The parameter calender="<calendar_name>" will tell the shortcode which calendar to show.

Example 1: Shortcode

Add this shortcode to your page:

{{< calendly calendar="bespokesy" type="popupLink" />}}

What it looks like:

Schedule time with me (<- click on it to see the popup)

Example 2: Shortcode for specific event type

The previous example shows all visible event types for “bespokesy”. You can also pick a specific event type instead. Simply add it to the calendar parameter like this:

{{< calendly calendar="bespokesy/demo1" type="popupLink" />}}

What it looks like:

Shortcode with custom link text

We can change the link text in two ways: Either add a name between opening and closing shortcode tags, or set the parameter, e.g. text="custom message"

Example 3a: Shortcode with custom text as inner block

{{< calendly calendar="bespokesy/demo1" type="popupLink" >}}
Make an appointment
{{< /calendly >}}

What it looks like:

Example 3b: Shortcode with custom text as parameter

{{< calendly 
    calendar="bespokesy/demo1" 
    type="popupLink" 
    text="Book a time to talk" 
/>}}

What it looks like: