Modal trigger from custom button

Support
#1

Can you tell me how to launch a modal from ConvertPlug with a custom button? I did the launch from CSS and can’t seen to get it to work. When I added extra CSS in the href, it messed up the current CSS for the button. I looked int he forums and didn’t see anything other than the cornerstone buttons.

#2

Hello There,

Thanks for the posting in! The css class should be added in the class field of the button and not in the href.
<a href="#" class="add-the-convertplug-class-here">Click to launch modal</a>

To know more how you can properly set it up, please check out this video:

Hope this helps.

#3

Hey Rue

I saw this for a cornerstone button but I don’t need it for that. I have a custom CSS button I created that I need to link it to. When I put a CSS action in the button, it overrides the CSS I have for the button already set.

The link for the dev site is haymakerco.com/newstndrd. The button is at the bottom in the footer (Sign Up)

#4

Hello There,

The button code should be like this:

<p style="text-align: left;"><a class="x-btn my-btn x-btn-transparent x-btn-square x-btn-medium launch-class" href="#" title="SIGN UP" data-options="thumbnail: ''" style="outline: none;">SIGN UP</a>

The launch-class were added in the manual display settings:

Hope this helps.

#5

Hey Rue

Thanks or the help. I put it in like you had above and it still won’t work. I even changed my launch class in the modal. It just keeps taking me to haymakerco.com/newstndrd/#

Any other ideas?

#6

Hello There,

Please also make sure that the modal is loaded on the page. You may not have enabled it yet and that is why it is not showing on the page.

Please let us know how it goes.

#7

Rue

Thanks for the help. Got it now. I feel dumb for not clicking that. Thanks

#8

Glad to see we managed to help.