Is your WordPress site ready for clients’ scheduling? If not, it should be. One tactic to increase conversion is to allow clients to book a call directly on your website. Calendly is a tool that can help you do the job without installing a plugin. The setup is simple and WordPress owners or the marketing team can follow it easily.
Before you embed calendly
First, figure out which version of WordPress you’re using. If you’re unsure, here’s a quick tip:
- Log in to your WordPress admin dashboard.
- Hover over the WordPress logo in the top left corner.
- WordPress.org users will see a drop-down menu.
- WordPress.com users will not see a menu.
Next, get your Calendly embed code ready. This code is what you’ll use to add Calendly to your site. You can generate it for a single event type or for your whole booking page.
For WordPress.org users, you can use inline, pop-up text, and pop-up widget embeds.
How to embed calendly on WordPress.org
You can add Calendly to just one page or across your whole site.
Option 1: Embed on a single page
- Log in to WordPress and go to the admin area.
- Click on Pages and choose the page you want to edit.
- Click the + to add a new block and select Custom HTML from the Formatting list.
- Paste your Calendly embed code and preview it to make sure it looks right before clicking Update.
Option 2: Pop-up widget across the site
- Go to the Appearance section and open the Editor.
- Find the Theme Files sidebar and scroll to Theme Footer.
- Look for the tag and paste your pop-up widget code just above it.
How to embed calendly on WordPress.com
For WordPress.com users, what you can do depends on whether your plan allows plugins.
Option 1: Plugin-Enabled Plans
- Go to the page where you want to add Calendly and click the + Block Inserter icon.
- Search for and add a Custom HTML block.
- Paste your Calendly embed code, preview, and update.
Option 2: Non-Plugin Plans
- While editing a page, highlight text and click the Insert/edit link button.
- Paste your scheduling page URL or event type page URL.
How to use elementor for Calendly integration
Elementor makes adding Calendly easy, no matter your WordPress version. You can add your Calendly embed code quickly and easily.
- Add the Shortcode widget to your canvas.
- Enter your Calendly embed code in the Shortcode section.
Final thoughts
To ensure everything works perfectly, consider checking how different WordPress themes support JavaScript. Also, looking into user feedback on embedding experiences can offer tips on what works well and what to avoid.
