How to schedule appointments using WordPress and Calendly

Scheduling meetings is a big headache. There are a lot of emails going back and forth, just to set up a simple meeting. To simplify this task there are tools like Calendly, Acuity Scheduling available.

These tools allow people to book an appointment or an online meeting without any fuss. There is no long sequence of emails to deal with.

In this blog post, we will see how we can use a tool like Calendly, with your website built using WordPress.

Calendly is a very popular scheduling tool that is available for free. For availing premium features, you have to upgrade your account to either pro or premium. But even the pro or premium plans are not that costly.

calendly pricing

Now, let’s look at the procedure for using Calendly with your WordPress website.

Step 1 – Sign up for Calendly

In order to use Calendly, you need to sign up for it. So, go to

calendly signup

Click on the signup button if you don’t have the account with Calendly. If you already have an account with Calendly then you can click on signup.

Complete the signup process by providing the required details that will come on your screen.

Once you signup for calendly, you will be welcomed with the following screen.

Now, we are not going to see, how you can customize different meetings, or how you can block some time blocks. That information is available in Calendly documentation.

Step 2 – Get the embed code

To get the embed code, click on the gear icon on the top right of the meeting.

Then click on the Add to website button. You will see the following screen

Depending upon how you want to show your calendar, you can select the desired option. Here I will select inline embed and click continue.

You will the code once you move on from the previous screen.

Copy the complete code, you are seeing in the box.

Step 3 – Paste the code

In the last step, you need to paste the code, where you want to display the scheduling calendar. The ideal place would be a new page, where you are allowing people to book an appointment.

If you are using Elementor, then add this code, in custom HTML widget, if you are using Gutenberg, then also select the Custom HTML block.

If you are using classic editor, make sure, you are pasting the code in Text mode and not in Visual mode.

Update the page once you have added the code. You will see something like this

This is how you can embed Calendly on your WordPress website. It is very easy to use and convenient for your customers.

So, go ahead, embed Calendly and start booking appointments 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top