Limited time discount Keep Summer Fully Booked
Up to 50%Off

How does the Divi 4 Builder integration work with Amelia

Amelia integrates directly with the Divi Builder, allowing you to add booking forms, event views, and customer-facing panels to your pages using native Divi modules, without manually creating or pasting shortcodes.

For example, if you’re building a service page with Divi, you can insert an Amelia booking form module, preselect a specific service or employee, and publish the page with a fully functional booking flow that matches your layout.

Info Please note

This article covers Amelia's integration with Divi 4. If you're using Divi 5, see the Divi 5 Builder integration documentation.

Amelia continues to support Divi 4, but new Divi-specific features and improvements are developed for Divi 5. If you're starting a new website or moving to Divi 5, we recommend using the Divi 5 integration.

What do I need before using Amelia with Divi 4?

To use the Divi Builder integration, the following must be installed and activated on your website:

Once both are active, Amelia modules become available directly inside the Divi editor.

How do I add Amelia booking forms using the Divi 4 editor?

In the Divi editor, Amelia booking views are available as dedicated Divi modules that you can add to any page layout.

When creating or editing a page, enable the Divi Builder, add a row, and click the gray plus button to insert a new module. Amelia modules will appear in the module list, and you can also find them quickly by typing AM into the search field.

Amelia booking modules listed in Divi editor

Which Amelia modules are available in Divi 4?

Each Amelia booking view is available as a separate Divi module, allowing you to choose exactly what you want to display on a page:

This separation makes it easier to build pages with a clear purpose, such as a dedicated booking page, an events landing page, or a customer account area.

How do I preselect booking parameters in Divi modules?

Each Amelia module includes options that match the booking view you selected. For the AM – Step Booking, you can enable Preselect Booking Parameters to control what the customer sees when the form loads.

When enabled, you can predefine values such as:

  • Category
  • Service
  • Employee
  • Location
  • Default layout version

This allows you to create focused booking pages, for example, a page that always opens with a single service or a specific employee already selected.

Alert Please note

New Divi-specific features and improvements are added to the Divi 5 integration. This includes support for features such as Amelia's native popup functionality with Divi 5 CTA buttons. See the Amelia popup documentation for more information.

Preselect booking parameters option in Amelia Divi module settings

How do I publish a page with Amelia modules in Divi 4?

After configuring the Amelia module and arranging your layout, click the purple three-dots menu in the bottom center section of the page, and then click Publish or Update in the bottom right corner (depending on whether you’ve just created the page or are updating an existing page).

The page will be published with the Amelia booking form fully active on the front end.

Divi Visual Builder showing the three-dots menu opened with Publish and Update options visible