Back to Integrations Guides

This guide applies to:

  • Basic Edition
  • Plus Edition
  • Pro Edition
  • Business Edition

Introduction

If you have both Simply Schedule Appointments and the Elementor Page Editor installed, when you’re editing a page with the WordPress Block Editor, you’ll see two modules to choose from: 

  • Schedule an Appointment and 
  • Upcoming Appointments.

To use Simply Schedule Appointments with Elementor, go through The Setup Wizard in SSA.

Screenshot depicting where to locate the SSA Modules in Elementor's widget area.

Using the Schedule an Appointment Module

This module displays your booking form and lets your users book an appointment:

Content

Under the Content header, you can choose to show All Appointment Types, or filter to only display a single Appointment Type Calendar:

Selecting the Appointment Type to display with Elementor

Style

Under the Style tab, you can adjust the Accent Color, Background Color, Font Family, and Padding of the Appointments widget:

Choosing the Booking Calendar Style Options in Elementor

Advanced

Under the Advanced tab, you can adjust several advanced design attributes of the widget, such as custom margins and padding, borders, mobile responsiveness, and Custom CSS:

The Advanced options for the Booking Calendar in Elementor

Using the Upcoming Appointments Module

This module will show the logged-in user any appointments they’ve booked.

Visit our guide on the Upcoming Appointments module to learn more.

Content

If there are no upcoming appointments, you can customize the message you want to show the user by editing the “Upcoming Appointments” text on the left side of the screen:

Screenshot displaying how to customize the message for when there are no booked appointments.
Customizing the message for when there are no booked appointments

Advanced

Under the “Advanced” tab, you can adjust several advanced design attributes of the widget, such as custom margins and padding, borders, mobile responsiveness, and Custom CSS:

Screenshot depicting how to adjust the advanced design attributes of the widget.
Adjust the upcoming appointments widget with the Advanced settings

Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.


Related Guides