How to schedule appointments using WordPress and Calendly

Posted by on

How many times have you missed your meetings due to lousy scheduling? I know, I have missed many. I have forgotten to attend the meeting or even forgot to remember there is a meeting scheduled by me.

Scheduling meetings is a big headache.

There are a lot of emails going back and forth, just to set up a simple meeting. But you can simplify this task as 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 top-rated 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

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 choose inline embed and click continue.

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

Copy the complete code; you see 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 straightforward to use and convenient for your customers.

If you want to add calendly on your WordPress site in such a way that the calendar will open when a button is clicked, you can watch the following video.

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

calendly elementor

  • Hello Prathamesh,

    Could you explain how to put it in an elementor site, but with a button activation?

    Thank you,

  • >