Add to Preferred Sources
A Calendly WordPress embed lets visitors book time with you directly from your website — no back-and-forth emails, no missed enquiries, no separate booking link to maintain. For South African service businesses running on WordPress as part of their website stack, embedding a scheduling widget is one of the highest-leverage things you can add to a contact or services page. Calendly offers three distinct embed types, and WordPress gives you three routes to install each — picking the wrong combination wastes an afternoon and leaves mobile users with a broken layout.
This guide maps every method against real constraints SA operators face: shared-hosting setups, page builder compatibility, South African Standard Time (SAST) timezone locking, and plan costs translated into Rand. Work through the decision table first, then follow the steps for the method that fits your site.
Quick Answer
A Calendly WordPress embed is added one of three ways: pasting Calendly's code into a Custom HTML block (no plugin, full control), installing the free EMC plugin and using a shortcode (easiest for multiple pages), or pasting a popup widget snippet above the closing </body> tag to make the booking button available site-wide. All three methods are free to set up; the Calendly plan you need depends on how many event types and integrations your business requires. Billed in USD, the Standard plan costs approximately R164/seat/month on annual billing at the current SADCI index rate.
Booking widget not converting visitors into clients?
Send us your current contact page and we'll show you where the drop-off is happening before we talk about a fix.
Get a free page reviewHow to Use the Calendly WordPress Embed on Your Site
Calendly offers three embed formats. Each serves a different purpose, and the right one depends on how central booking is to the page you're building.
| Embed Type | What It Does | Best For |
|---|---|---|
| Inline | Calendar renders directly on the page — no click needed | Dedicated booking or contact pages where scheduling is the primary action |
| Popup widget | Floating button (bottom corner) opens the calendar in a popup | Making booking available across every page without consuming layout space |
| Popup text | A hyperlinked word or phrase opens the calendar in a popup | Blog posts or service descriptions where you want in-line CTAs |
Once you know which format fits your page, choose your WordPress installation method from the table below, then follow the corresponding steps.
| Method | Best Situation | Technical Effort | Works with Elementor | Multiple Pages |
|---|---|---|---|---|
| Custom HTML block | One or two specific pages, no plugin budget | Low — copy and paste | Yes (HTML widget) | Repeat per page |
| EMC plugin shortcode | Multiple pages, non-technical team members | Low — install and shortcode | Yes (native support) | One shortcode, any page |
| Sitewide popup widget | Booking available on every page | Medium — footer file edit | Not needed (site-wide) | Automatic |
Method 1: Paste the Inline Code into a Custom HTML Block
When you embed Calendly in WordPress via the Custom HTML block, you get the most direct control and introduce no additional plugin dependency — the right call for a single booking page or a landing page where you want the calendar visible without a click.
Step 1 — Copy the Calendly embed code. In your Calendly dashboard, select the three-dot menu next to your event type (or your landing page if you want all event types), then click Add to website. Choose your embed type (Inline, Popup widget, or Popup text), adjust colour and display settings, then click Copy code. The Calendly embed code WordPress blocks accept is standard HTML with a JavaScript snippet — no modification needed.
Step 2 — Open the page in WordPress. In your admin dashboard, navigate to Pages and open the page you want to edit in the block editor.
Step 3 — Add a Custom HTML block. Click the + icon to add a new block and search for Custom HTML. Select it, then paste your Calendly code into the block's content area.
Step 4 — Preview and publish. Click Preview to check that the calendar renders correctly on both desktop and mobile before clicking Update to save.
Elementor users: Add a Shortcode widget (or an HTML widget) to your canvas and paste the full embed code in the Content tab. If the calendar overflows vertically, set the widget's overflow-y to hidden in the Advanced tab.
Method 2: Use the EMC Scheduling Plugin Shortcode
The EMC – Embed Calendly Scheduling plugin is the no-code route to add Calendly to your WordPress site: install it once, connect it to your Calendly account, and place a shortcode on any page — no code editing required. The free version supports all three embed formats and has 10,000+ active installs and a 4.8/5 rating across 14 reviews on WordPress.org.
Step 1 — Install the plugin. In your WordPress admin, go to Plugins > Add New and search for EMC Scheduling. Install and activate the plugin.
Step 2 — Connect your Calendly account. Navigate to the EMC settings page and follow the prompts to authorise your Calendly account. The plugin imports your event types automatically.
Step 3 — Generate a shortcode. Use the plugin's visual customiser to select your event type, choose your embed format, adjust appearance settings, and copy the generated shortcode.
Step 4 — Paste the shortcode on any page. Add a Shortcode block to any page or post, paste your shortcode, and publish. The same shortcode works everywhere — no per-page code editing.
Where the EMC plugin earns its place: A Cape Town consulting firm with three service packages creates one event type per package, then adds shortcodes to each service page. When they add a fourth package, they generate a new shortcode in minutes — without touching the existing pages.
Method 3: Add a Floating Booking Button Across Your Whole Site
The sitewide popup widget adds a floating booking button — typically in a corner of the screen — that follows visitors across every page. It is the right call when you want scheduling accessible everywhere without rebuilding individual pages, and it works independently of whichever page builder you use.
Step 1 — Generate the popup widget code. In Calendly, select your event type, click Add to website, choose Popup widget, customise the button label and colour, then copy the code.
Step 2 — Open the Theme Footer file. In your WordPress admin, go to Appearance > Theme Editor. In the file list on the right, open footer.php.
Step 3 — Paste the code above the closing body tag. Scroll to the bottom of the footer file and locate </body>. Paste your Calendly popup widget code on the line immediately above it.
Step 4 — Save and test. Save the file, then open your site in a browser (and on a mobile device) to confirm the floating button appears and the booking popup opens correctly.
Block theme (Full Site Editor) note: If Appearance > Theme Editor is not visible, your theme uses the Full Site Editor. Go to Appearance > Editor > Templates, open the footer template, add a Custom HTML block at the bottom, and paste your widget code there.
Key Takeaway
The three embed methods are not interchangeable — they solve different problems. Use the Custom HTML block for a single high-intent page, the EMC plugin shortcode when non-technical staff need to manage multiple booking pages, and the sitewide popup widget when you want the booking option everywhere without touching individual page layouts.
Timezone and Mobile Settings SA Operators Often Miss
Two configuration steps catch most South African businesses out: timezone locking and mobile display. Get them wrong and you will have clients arriving at the wrong time or abandoning the booking form on their phones.
Locking to SAST. By default, Calendly detects an invitee's local timezone and displays your availability adjusted to theirs — useful for international clients, but confusing if you serve a local-only audience and the invitee's device is set to a different zone. To lock your event type to South Africa Standard Time (SAST, UTC+2):
- Go to Scheduling in Calendly and select the event type you want to adjust.
- Click More options.
- Expand Booking page options.
- Enable the Lock timezone setting and confirm SAST is selected.
- Save changes.
South Africa Standard Time does not observe daylight saving — Calendly handles this automatically once SAST is selected, so there is no seasonal adjustment to manage manually.
Mobile display. The inline embed scales with the page container by default, but on narrow screens it can be cut off if the containing element has a fixed pixel width. Before publishing, open the page on a phone (or use your browser's responsive preview) and confirm the calendar renders in full without a horizontal scrollbar. If it is clipped, set the container to a percentage-based full width rather than a fixed pixel value. SA visitors arrive predominantly on smartphones, so a broken mobile layout costs you bookings, not just aesthetics.
Key Takeaway
Lock the timezone to SAST for any event type serving a South African audience only — Calendly will still auto-convert correctly for the occasional international invitee once you have it set. Test the embedded calendar on a real mobile device before going live; the browser preview does not catch every overflow issue.
Is your contact page doing the work it should?
Share your current booking flow and we will assess where visitors are dropping off and whether a scheduling widget is the right fix or just the first one.
Request a flow assessmentWhich Plan Fits a South African Business?
Calendly bills in USD regardless of your location — there is no ZAR pricing tier. The cost of a Calendly WordPress embed setup is effectively zero to run (free plan) or the subscription fee per seat if you need advanced features. The table below converts each plan to Rand at the SADCI index rate of R16.42/USD (August 2026 index assumption; not a live rate).
| Plan | USD (Annual) | ZAR/seat/month (Annual) | USD (Monthly) | ZAR/seat/month (Monthly) | Best For |
|---|---|---|---|---|---|
| Free | $0 | R0 | $0 | R0 | One event type, testing the setup |
| Standard | $10/seat | ~R164/seat | $12/seat | ~R197/seat | Multiple event types, automated reminders, Stripe payments |
| Teams | $16/seat | ~R263/seat | $20/seat | ~R328/seat | Round-robin scheduling, routing, Salesforce / Marketo integration |
| Enterprise | From $15,000/year (minimum 50 seats, custom pricing) | Large teams needing SSO, audit logs, domain control | |||
For most South African SMEs, the Free plan is enough to evaluate the embed and start taking bookings for a single service type. Upgrade to Standard when you need more than one event type, automated SMS or email reminders, or payment collection at booking.
Any Calendly booking page WordPress visitors land on works across all paid tiers — the plan controls what features are available, not how the embed itself behaves. The Teams plan only makes sense once you are routing enquiries across multiple staff members — the round-robin scheduling guide explains when that pays off.
POPIA note: When a visitor books through your Calendly embed, their name, email, and any custom fields you collect are processed by Calendly's servers. Calendly operates under a GDPR-aligned Data Processing Addendum (DPA) — automatically incorporated into its Terms of Use — covering encryption, deletion requests, and sub-processor transparency. Update your own website's privacy policy to reference Calendly as a third-party data processor handling booking data, in line with your POPIA obligations under Section 18 of the Act.
Key Takeaway
Start on the Free plan to confirm the embed works on your site. Move to Standard (approximately R164/seat/month on annual billing) when you need more than one service type or automated reminders. The Rand cost is stable within a billing period but will shift with exchange rate movements — budget using the USD figure and treat the Rand equivalent as indicative.
Why South African Businesses Choose Growth Pulse Media
Growth Pulse Media builds Calendly into the broader conversion architecture of a WordPress site — not as an afterthought — which is why SA service businesses bring us in when a booking widget is live but not converting. Getting it to convert — matching the right event type to the right page, aligning the booking flow with your sales process, and making sure load speed does not kill the calendar on a 4G connection — is where the implementation detail matters. Growth Pulse Media's web design work for South African businesses treats a Calendly integration as part of the broader conversion architecture, not an afterthought bolted onto an existing page.
The team is built around operators, not account managers. All implementation work is done in-house, the client load is deliberately kept limited so every project gets senior attention, and every recommendation is tested against real SA conditions — shared hosting performance, mobile-first traffic, load-shedding uptime considerations, and the payment and timezone quirks that global guides miss. If you need the scheduling layer to plug into your CRM, your email sequences, or a broader WordPress booking setup, that architecture gets planned before a line of code is written.
Who This Is NOT For
Businesses that need real-time payment at booking on a free budget. Calendly's payment collection (Stripe/PayPal) requires a Standard plan or higher — there is no free payment option. If you need to take deposits at the point of booking without a monthly subscription, a WooCommerce bookings plugin or a local payment-first booking tool is a better fit.
High-volume service businesses with complex resource management. Calendly handles person-to-person scheduling well. If you need to manage room allocations, equipment availability, multi-location logic, or waiting list rules, a dedicated practice management or booking platform (SimplyBook.me, Acuity Scheduling, or a WooCommerce Bookings setup) gives you the constraint logic Calendly does not.
WordPress.com free plan users. WordPress.com's free tier does not support plugin installation, and the Custom HTML block is not available on all free plan pages. You can link directly to your Calendly booking page as an alternative, but an embedded interactive calendar requires a paid WordPress.com plan or a WordPress.org self-hosted site.
Sites where every extra script is a performance liability. The Calendly embed loads external JavaScript from Calendly's CDN. On a site already carrying heavy page-builder scripts, analytics, chat widgets, and marketing pixels, adding another third-party script load can push your mobile page speed below the threshold where it costs conversions. Audit your existing script load before adding the embed — if the site is already slow, the scheduling widget is not the first thing to fix.
Frequently Asked Questions
Can I embed Calendly in WordPress for free?
Yes. A Calendly WordPress embed on the Free plan and the EMC plugin's free tier both support embedding. The Free plan limits you to one active event type and one calendar connection. The Custom HTML block method and the sitewide popup method require no paid plugin at all — just your Calendly embed code and access to your WordPress editor or theme files.
Does the Calendly embed work on mobile in South Africa?
Calendly's embed is mobile-responsive by design, but it can overflow if your page container has a fixed pixel width rather than a percentage-based width. Test on a real device before publishing. SA visitors are predominantly on smartphones, so confirm the calendar renders in full without horizontal scrolling and that the booking confirmation is legible at portrait orientation.
Which Calendly plan do South African businesses actually need?
Most SA SMEs can start with the Free plan to confirm the Calendly WordPress embed works correctly on their site. The Standard plan (approximately R164/seat/month on annual billing at the SADCI index rate of R16.42/USD) is worth upgrading to when you need more than one event type, automated reminders, or Stripe payment collection at booking. Teams pricing starts at approximately R263/seat/month annually and makes sense only when you are routing bookings across multiple staff members.
How do I set SAST as the timezone for my embedded Calendly?
In Calendly, go to Scheduling, select your event type, click More options, expand Booking page options, and enable the Lock timezone setting — confirm South Africa Standard Time (SAST, UTC+2) is selected. SAST does not observe daylight saving, so there is no seasonal adjustment. Invitee timezone detection still works correctly for international visitors once SAST is locked.
Will the Calendly embed slow down my WordPress site?
The embed loads a JavaScript file from Calendly's CDN on page load. On most modern hosting this adds a small overhead — typically not noticeable in isolation. If your site is already carrying heavy scripts from page builders, chat tools, and marketing pixels, the combined load can affect mobile performance. Use Google PageSpeed Insights to measure before and after adding the embed, and consider lazy-loading the widget on pages where scheduling is secondary to the main content.
Need the scheduling layer to fit your SA sales process?
We design and build WordPress sites for South African businesses where every component — booking widgets, contact forms, CRM hooks, and payment flows — is planned as part of the conversion architecture, not added on afterwards. No obligation — we'll get back to you within 24 hours.
Talk to us about your site