Company and Product Updates

How to make overlays with the New Template Editor – No dev needed!

Does this happen to you? You’ve just received the layout for the on-exit pop-up for one of your campaigns from your dev guy and a voice in your head starts this:

“Hmm…I don’t like the background color so much, I want to change it to a lighter blue. And the headline…the font is too small…and I want it red…hmm…the dev team is so busy, and it will take so long to make this changes. I wish there was a way I could do this on my own…but I don’t know how to code, I’m a marketer, not a programmer damn it!”

We know how frustrating these situations are for any passionate marketer like yourself.

And that being able to create pop-ups, ribbons or any overlays on your website without the help of a front-end developer would be a total game changer.

That’s why we’ve had our dev team do the heavy lifting, so you won’t have to stress about this ever again!

Introducing The New Template Editor by Omniconvert

With the brand New Template Editor, you can now create your overlays by choosing one of our predefined templates. I repeat you don’t need to know how to code.

(If you do know how to code and you want to create your own interactions from scratch, go ahead and get creative, we got this option in place for you.)

Now back to us, the not-fluent-in-code-people…here’s how you can start creating amazing overlays in just a couple of minutes.


#1 – Start with “Add-New Overlay”

Here’s how to find it. In your Dashboard simply click on “Overlays” and then on “Add New Overlay”.



#2 – Narrow your search

Select one of our many templates, which you can adapt to your needs in the next step. On the right side, you can use the filter to narrow the results.

In my example, I used the filters “Discount Coupon” and “Pop-up”.


#3 Choose your template

Choose the template that suits your needs and experiment trigger type. In the example below I chose the “Newsletter Discount offer” and the “on exit” trigger.


#4 – Change whatever you want: design & text

Using the new editor, you can personalize the creative in every single way you want.

You can edit the colors, the image, the overlayer and much more.

You can also use the code editor to change it entirely if you know HTML and CSS.



You can modify the copy, the font family, size, and color by clicking on the text:



#5 – Personalize your message by city, weather, etc

Tap into the power of personalization offered by Omniconvert and add certain variables like {city}, {weather} etc to customize every little aspect of your overlays, without writing a single line of code.

Did I say you can do ALL of this without writing a single line of code…?

I know I did 🙂 but it’s worth repeating because this is so awesome!

Anyway, here’s how to do this:


So these are the steps to creating your own, fully customized overlays using the Omniconvert new Template Editor.

I hope you’ll enjoy using it and that you’ll see your conversions growing much faster from now on, because you’ll be able to create and modify anything, anytime you need it.

If you’re not already on the Omniconvert platform, NOW is one of the best times to join and start growing your online business the smart way. Sign-up today!

Leave a Reply

Your email address will not be published. Required fields are marked *