[crushdayParticipant]

I’m switching from using LeadPages Leadbox to SumeMo click trigger for the button on this page

https://decisionviz.com/villains-book

Pasting the SumoMe code is not enough to make this work.

Click Here

What else do I need to do? Thanks.

[ChristianModerator]

Hey there,

Please contact the script or plugin provider to learn how to integrate it into links.

Thanks.

[crushdayParticipant]

Here’s what they wrote back. I don’t understand what all this means …

Bojan Majnaric (SumoMe.com)
Mar 1, 11:05 AM CST

Hi Lee,

You would need to find the HTML code for your button, not the CSS, and then add the Click Trigger class script there.

Regards,
Bojan

Lee Feinberg
Feb 28, 5:06 PM CST

Where in here do I add the <button class …

.x-btn.my-btn-3v {
color: #ffffff;
border-color: #4097d7;
background-color: #4097d7;
-webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
}

Bojan Majn
Bojan Majnaric (SumoMe.com)
Feb 28, 11:01 AM CST

Hi Lee!

Thanks for reaching out. 🙂

You can add Click Triggers to an existing element by adding the unique Click Trigger class to any clickable element on your page.

Here’s how:

Your Click Trigger code looks like this:

Click Here

Convert it into this format:

sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e

Add that as a class to an existing element:

<button class=”sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e”>Click me!</button>

That’s it! 🙂

I’m also providing you with a link to our Click Triggers article, in case you ever need to reference it:

https://help.sumome.com/hc/en-us/articles/218689778-Getting-Started-with-Click-Triggers

Let me know if there’s anything else I can do for you. Happy to help! 🙂

Regards,
Bojan

Lee Feinberg
Feb 28, 9:29 AM CST

How do I integrate this code with the button on this page

Click Here

https://decisionviz.com/villains-book

[RadModerator]

Hi there,

As they provided, you just need to add this code anywhere in your page

<button class="sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e">Click me!</button>

Or add cornerstone button and add sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e to its Class input.

I don’t see it from your page, please add it and test it 🙂

Thanks!

[crushdayParticipant]

Sorry, I’m really confused. I’m supposed to add this as ‘raw content’. I did that, but it’s not doing anything.

[ChristianModerator]

In that case, please add sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e to the Button element’s class field (see attachment)

Thanks.

[crushdayParticipant]

But I’m already using another button class …

.x-btn.my-btn {
color: #ffffff;
border-color: #4097d7;
background-color: #4097d7;
-webkit-box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(29, 23, 77, 0.);
}

[ChristianModerator]

You can add multiple classes to an element. Just separate them with space like

my-btn sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e

Thanks.

[crushdayParticipant]

ok. did that now. must still be missing something. nothing happens when i click the button.

https://decisionviz.com/villains-book

[crushdayParticipant]

PS It’s the second button on the page.

[ChristianModerator]

It trigger works but your actual button is so small (see attachments). Since this is not an issue with Cornerstone, regretfully, we could not continue to investigate.

Thanks.

[crushdayParticipant]

it’s not the little square. that’s where i tried to add the button class, which wasn’t right.

[RadModerator]

Hi there,

Then you have to add the Sumome class to that button as well. You didn’t add sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e

As Christian said, you have to add my-btn sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e to your button’s Class.

Thanks!

[crushdayParticipant]

For some reason my update wasn’t getting saved.

Here’s what I see now, but still nothing happens when I click the button.

CLICK TO GET YOUR FREE BOOK</div></div>

[crushdayParticipant]

a class=”x-btn my-btn sumome-listbuilder-id-b77ed553-64e7-48b2-a5d2-60dd4e637d6e x-btn-pill x-btn-large” href=”#” data-options=”thumbnail: ””>CLICK TO GET YOUR FREE BOOK

PS i removed the leading < so the html doesn’t get translated

[Author]

Posts