Connect Button in Theme X Pro to convertplus modal popup

[kzahner]

I created a button in Theme X Pro using the following shortcode:

[button type=“real” shape=“pill” size=“jumbo” href="#example" title=“Example”]Additional Information[/button]

I created a modal popup in Convertplus. They gave me the css of [cp_modal id=“cp_id_72fcc”]Your Content[/cp_modal]

I went to the Customizer in the Inspector. Setup gave me ID, Class and Element CSS

What goes where to launch the popup (popup name is gmg-form).

[friech]

Hi Kurt,

Thank you for writing in, if you’re going to use the button shortcode to launch the modal popup. You need to apply a class to that shortcode button.

e.g.
[button class="popup-trigger" type="real" shape="pill" size="jumbo" href="#example" title="Example" ]My Popup Button[/button]

Then on your modal popup settings under Behavior > Manual Display choose the Launch With CSS Class and add the popup-trigger class on the field.

• 

In that setup there is no need to add the modal shortcode ([cp_modal id="cp_id_72fcc"]Your Content[/cp_modal]) on your page. More information on the following link.

How to trigger a Two Step Modal using CSS Class? (Trigger Module through Button)

Hope it helps,
Cheers!