Appointment Syetem: How to Integrate Calendly with Your WordPress Site

This is a step-by-step guide on how to add the appointment system to your consultation or service business WordPress site with Elementor.


Step 1

Create a free Calendly account and edit your event details.

Step 2

Go to “Account” and select “Share my link”.

Step 3

Select “Add to your site”. You may also select other sharing methods for different scenarios.

Step 4

You can customize the look in this step to fit into your website. In this case, I have changed the button and link color to fit the style of my website. Click the “Copy Code” button to proceed.

Step 5

Go to your appointment page and edit with Elementor builder. Insert the “HTML” widget and paste the code you’ve just copied.

Step 6

Update the page to see the effect. If it is not satisfied, repeat Step 2-5.

Other Appointment Systems

  1. Google Calendar
  2. Bookly
  3. Amelia
  4. WooCommerce Bookings and Appointments
  5. Booked
  6. Salon Booking System
  7. Booking Calendar
  8. MotoPress Hotel Booking
  9. Booknetic
  10. LatePoint
  11. Simply Schedule Appointments

Build an Appointment Booking Website for Your Business Today!

Scroll to Top