How to trigger a pop-up by adding a CSS class

Who is this article for

Anyone who owns Divi Den Pro and would like to know how to trigger pop-ups on button click.

• Skill level: Easy
Time to complete: 5 min

Video tutorial

How to do it

To trigger a pop-up on click, all you have to do is to assign the button a specific class.

Please note that each premade Divi Den Pro pop-up will have its own unique class. Make sure to use the matching class, or it may not work as expected. 

List of the classes for pop-ups

  1. Kingly Form Pop-Up - Diana - “popup_contact_form_trigger”
  2. Renowned Pricing Pop-Up - Diana - “popup_pricing_trigger”
  3. Great Portfolio Pop-Up - Diana - “popup_portfolio_trigger”
  4. Striking Search Pop-Up - Diana - “popup_striking_search_trigger”
  5. Prominent Search Pop-Up - Diana - "popup_prominent_search_trigger"
  6. Special Search Pop-Up - Diana - "popup_special_search_trigger"
  7. Salient Search Pop-Up - Diana - "popup_salient_search_trigger"
  8. Ragnar Pop-Up 1 - "ragnar_pop_up_1"
  9. Ragnar Pop-Up 2 - "ragnar_pop_up_2"
  10. Ragnar Pop-Up 3 - "ragnar_pop_up_3"
  11. Ragnar Pop-Up 4 - "ragnar_pop_up_4"
  12. Ragnar Pop-Up 5 - "ragnar_pop_up_5"
  13. Ragnar Pop-Up 6 - "ragnar_pop_up_6"
  14. Ragnar Pop-Up 7 - "ragnar_pop_up_7"
  15. Ragnar Pop-Up 8 - "ragnar_pop_up_8"
  16. Ragnar Pop-Up 9 - "ragnar_pop_up_9"
  17. Ragnar Pop-Up 10 - "ragnar_pop_up_10"
  18. Ragnar Pop-Up 11 - "ragnar_pop_up_11"
  19. Ragnar Pop-Up 12 - "ragnar_pop_up_12"
  20. Ragnar Pop-Up 13 - "ragnar_pop_up_13"
  21. Ragnar Pop-Up 14 - "ragnar_pop_up_14"
  22. Ragnar Pop-Up 15 - "ragnar_pop_up_15"
  23. Ragnar Pop-Up 16 - "ragnar_pop_up_16"
  24. Ragnar Pop-Up 17 - "ragnar_pop_up_17"

Still need help? Contact Us Contact Us