Calendly
Let visitors book a call or appointment without leaving the page.
Calendly scheduling inline, in a popup from a button or link, or as a floating badge — lazy-loaded, with a privacy screen, prefill and UTM pass-through.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: free — installs straight from Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Calendly. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Calendly
| Setting | What you can set |
|---|---|
| Scheduling Page | Username + event or Full link |
| Username | The part after calendly.com/ in your link. |
| Event | All event types, 15 minutes, 30 minutes, 60 minutes or Other event… |
| Event Slug | Text |
| Calendly Link | Text |
| Display | Inline on the page, Popup from a button, Popup from a text link or Floating badge (whole page) |
| Button Text | Text |
| Icon | Icon picker |
| Icon Position | Before or After |
| Alignment | Left, Center, Right or Full width |
Calendly Options
| Setting | What you can set |
|---|---|
| Hide Event Type Details | On / off |
| Hide Profile Details | On an “all event types” page. |
| Hide Cookie Banner | On / off |
| Prefill Logged-In Visitors | Fills in the name and email of a logged-in visitor. |
| Pass UTM Parameters | Hands utm_source, utm_campaign… from the page address to Calendly, so bookings show where visitors came from. |
| Load When Scrolled Into View | Calendly’s script and calendar load only when the embed comes near the screen. |
| Ask Before Loading (Privacy) | Shows a notice with a button; nothing is loaded from Calendly until the visitor agrees. |
| Notice Title | Text |
| Notice Text | Text |
| Notice Button | Text |
| Remember the Choice | On / off |
Style tab: design controls for Calendar Colours, Embed Box or Button / Link — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Calendly's external script is required (loaded from assets.calendly.com, only when the widget is used).
- When a floating badge is on the page, Calendly's script loads at idle for the badge, so inline embeds on that page no longer save the script download (they still create their iframes lazily).
- Colours only apply on Calendly paid plans (noted in the panel).
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Also available for Divi (Calendly).
- Works well with: Caldera Forms, Contact Form 7, Fluent Form.