Skip to main content

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"