Divi Module

This guide applies to:

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

What You Need First

Version: 3.8.0

To use Simply Schedule Appointments with Divi, first:

  • Set up your Appointment Types using the Simply Schedule Appointments (SSA) Admin page.
  • Ensure the SSA General Settings are set up correctly.
  • Ensure the SSA Notifications are set up correctly.

How to Use Simply Schedule Appointments with Divi

If you have both Simply Schedule Appointments and Divi installed, when you’re editing a page with Divi, you’ll see a module called “Appointment Booking”.

Appointment booking Divi module

Setting Up a Booking Calendar with the Booking Module

To add a Booking Calendar, simply click on the “Appointment Booking” module.

Once you click on “Appointment Booking”, you’ll see a floating settings box with three headings: Content, Design, and Advanced.

Content Settings for Booking Module

In the Content tab under the Booking Type dropdown, you’ll see an option to choose which Appointment Types you’d like to show in the Booking Calendar:

Divi booking type settings

You can use the Admin Label dropdown to add an internal label to the module in the page builder view.

Design Settings for Booking Module

In the Design tab, you can adjust the font, colors, and padding settings for the Booking Calendar:

Advanced Settings for Booking Module

In the Advanced tab, you can fine-tune your booking module and add custom CSS code, IDs and Classes, change the visibility for different types of devices (ex. only visible on desktop, not mobile), and other visual effects:

Whenever you’re finished with your changes, click on the green check mark to save your changes.