How to embed Calendly in Wordpress

To see which version of Wordpress you have

  1. Log in to Wordpress and visit the admin dashboard of your account.
  2. Hover your cursor over the W logo in the top left corner of the page:

    embedwp1.png
    • Wordpress.org users will see a drop-down menu appear with options.
    • Wordpress.com will not see a menu.

How to embed Calendly in Wordpress.com

You can add a hyperlink to your scheduling page on a Wordpress.com site and invite visitors to schedule with you.

  1. While editing one of your pages, highlight any text and select the Insert/edit link button in the toolbar.
  2. Paste the URL to your personal scheduling page, an event type page, or a team page. For an image, select the image and follow the same steps.

embedwp2.gif

How to embed Calendly in Wordpress.org

Wordpress.org supports all three of Calendly's embed options:

  • Inline
  • Pop-up text
  • Pop-up widget

Note that if you've applied a theme to your website, it may affect the appearance of the embed code.

To embed Calendly on a single page of your site:

  1. Sign in to Wordpress and visit the admin area.
  2. Go to Pages and decide which one you would like to edit, then select the + to add a new block.
  3. Choose a Custom HTML from the Formatting drop-down list, and paste your Calendly embed code
  4. Preview Changes to ensure the embed cooperates with your website's theme before selecting Update to save.

wpembed1.1.png

To apply the pop-up widget embed across your entire site:

  1. Navigate to the Appearance section and open the Editor.
  2. Locate the Theme Files sidebar to the right of the page and scroll to find the Theme Footer.
  3. Locate the </body> tag at the bottom of the footer. Just above the tag, paste the pop-up widget code from your Calendly account.

wordpress4.gif

Was this article helpful?
251 out of 459 found this helpful