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