Back to Help Center

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 under the Widgets header: Appointment Booking Form and Upcoming Appointments.

Just click on the module you want to add to your page:

SSA-modules-wordpress-block-editor

What You Need First

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


Embed Booking Calendar Using the Appointment Booking Form Module

The Gutenberg block editor embeds your Booking Calendar in your site to let your visitors book an appointment. Under the Block header on the right side of the screen, there’s 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:

SSA-wordpress-block-editor-appointment-types

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 own 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 tab on the right side menu lets you customize the text.

SSA-wordpress-block-editor-upcoming-messages-text

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

Click on the blue Publish button in the top right corner to save your changes.


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