Calendly (Divi)

Calendly scheduling for Divi 5 — inline, in a popup from a button or a text link, or as a floating badge. Nothing is requested from calendly.com until a Calendly module is on the page, and an inline calendar waits until it scrolls near the screen (or, with the privacy notice, until the visitor agrees). The “Book a call” badge in the bottom-right corner comes from the module below. The demos use the public happyaddons scheduling page. Each is labelled with its settings.

1. Inline on the page

Username + event (happyaddons / 15 minutes) · loads when scrolled into view with a shimmer placeholder · UTM parameters passed through · 700 px tall (820 px on phones).

2. Popup from a button or a link

Display: Popup from a button — a Divi icon before or after, left, centred or full width · Popup from a text link. The popup opens Calendly over the page; the script loads when the pointer comes near the button.

Full width, and a text link

Popup from a text link

3. Ask before loading (privacy)

Ask Before Loading on — nothing is loaded from Calendly until the visitor presses the button; Remember the Choice off, so it asks on every visit · Hide Event Type Details · Hide Cookie Banner · a shorter box (620 px) with a coloured notice.

4. All event types, narrower

Event: All event types (the profile page) · Hide Profile Details · a 640 px maximum width, centred · the full-link option (Scheduling Page: Full link) on the right.

5. Styled from the Design tab, on a dark background

Button: colours, hover colours, font, padding, border and shadow · embed box: background, padding, border and radius · Calendly’s own colours (text, buttons, background) are sent too — Calendly shows them on its paid plans only.

Embed box