Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

How to Open a Modal Popup from the Divi Pricing Table Button

To trigger a DP Modal popup from a button in the Divi Pricing Table module, follow these steps:

Assign a Custom CSS Class:

  • Open the Pricing Table Module.
  • Go to the Advanced Tab.
  • Under Custom CSS, assign a class like dp-open-modal.

Add a DP Modal Module:

  • Insert a DP Modal Module on the page.
  • In the modal settings, set Trigger Type to Element.
  • Set Element Type as CSS Class.

Link the Button to the Modal:

  • For the first pricing table button, use the following class:
    dp-open-modal .et_pb_pricing_table_0 .et_pb_button
  • For Second Modal, adjust the class accordingly:
    dp-open-modal .et_pb_pricing_table_1 .et_pb_button,
    dp-open-modal .et_pb_pricing_table_2 .et_pb_button, and so on.
Table of Contents