27 Jun Trigger Sumo Forms Inside Slider Revolution
Just like a large majority of you, I am a WordPress user. It is the ecosystem that my website is built around and it makes building a beautiful and functional website so easy.
I try to keep the amount of plugins I use to a minimum so that my site doesn’t get bloated with extra features and unnecessary code. But one plugin that I fell in love with immediately was Slider Revolution. It first came bundled with my theme ( Bridge by Qode Interactive ) but I was sold immediately and bought a Pro license.
Slider Revolution isn’t a typical slider plugin. It gives me the flexibility to build great looking animated graphics and headers for my pages.
An immediate need that I had was to get Slider Revolution buttons to trigger my Sumo pop-up forms.
I struggled with this for a little while. The trouble was that Slider Revolution gave me the option to paste in a very simple link, say to something like https://thesoftwarejunkie.com/resources but it wouldn’t allow me to use the more complex linking code that was provided by Sumo.
Sumo gives you a very strange piece of code, something like this
<a data-sumome-listbuilder-id=”xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”>Click Here</a>
In the HTML world this is called an anchor tag, but thats irrelevant for this conversation. The important bit is the data-sumome-listbuilder-id=”xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx and this is an HTML attribute.
Attributes are pretty nice because they can be applied to many different kinds of HTML tags, not just anchor tags.
Sumo did their research on this one and made a linking system that is pretty versatile. Unfortunately for me I am stuck in the boat where Slider Revolution wouldn’t let me use attribute linking right out of the box.
I did the first thing that many of us would, I emailed Sumo support asking if there was another way to use the Sumo trigger without using the attribute.
Their response below was very concise, and also very wise, because it eventually solved my problem.
What I really should have done, being a Software Junkie, was check Sumo’s documentation first. Lo and behold right on the triggers page was a way to convert the attribute into an HTML class. This was the key, because Slider Revolution accepted custom classes very easily.
About half way down the page, it gives instructions to simply remove the quotes, and change the = sign to a –
Now I have a custom class to apply to my button!
I quickly copied the converted version of the code and pasted it into notepad (you do this too, right?).
I opened my Slider Revolution and clicked the button that I wanted to trigger the Sumo form, and under the attributes tab, there was a field for classes.
A quick paste, save and preview gave me the results I was hoping for. Slider Revolution buttons now trigger my Sumo forms with ease.
If you have any issues with the form not triggering, it may be due to a layering issue. Try pasting your sumo code into the Wrapper Classes field instead.
I guess the moral of the story on this one is to do a little bit of your own research in the documentation to see if you can solve your own problem before reaching out to support.
Thanks Jessie and thanks to Slider Revolution for a great plugin!