Basic floating badge

Using a popup widget will render a floating badge on your page. Clicking on it opens a popup to schedule a time through Calendly.

To use this type, add the parameter type="popupWidget" to the shortcode.

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

Example: Shortcode

Add this shortcode to your page:

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

What it looks like:

Look at the bottom right of this page for the floating widget.

Shortcode with custom link text and other options

We can change the badge text through the text parameter, e.g. text="custom message".

To hide the “powered by Calendly” branding banner, add this parameter to the shortcode: hideBranding=true

See the customized widget demo page for an example.

Hugo Calendly Shortcode Plus Features

For more advanced examples using the paid version, check out this page with more options.