Back to Getting Started Guides

This guide applies to:

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

Introduction

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

  • Appointment Booking Form and
  • Upcoming Appointments.

To use Simply Schedule Appointments with the WordPress Block Editor, go through The Setup Wizard in SSA.

Screenshot depicting where SSA modules are located in the WordPress Block Editor module.
The Simply Schedule Appointments listed under the Blocks selection screen

Using the Appointment Booking Form Module

The Block Editor helps you embed your Booking Calendars on the page so your visitors can book an appointment. Under the Block settings on the right side of the screen, there are a couple other settings:

Appointment Type Setting

You can choose to show All Appointment Types, or filter to only display a single Appointment Type Calendar:

Color Styling Settings

Under the Colors tab, you can adjust the Accent Color and Background Color:

Other Settings

You can also modify the Padding of the form and add your CSS classes under the Advanced tab.


Using the Upcoming Appointments Module

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

By default, if the user has no upcoming appointments, the text shows “No upcoming appointments”. The Message field inside the Block settings on the right side menu lets you customize the text.

You can also add your CSS classes by clicking on the Advanced heading.

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

Screenshot depicting where the upcoming appointments module is located.

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