ConvertFlow template design best practices

Templates are designed to help ConvertFlow users get their CTA campaign launched quickly and easily, so it's important that the template be designed in a way that's easy for other ConvertFlow users to customize.

Whether your templates are private for your own use or are being made public in ConvertFlow's template directory, ensure your templates are easy to edit for everyone else by following these usability best practices when designing and building CTA templates in ConvertFlow:

Avoid using custom code for templates
Build your templates without using any custom HTML, CSS or Javascript, so that way other ConvertFlow users can customize the template without coding. Most ConvertFlow users aren't programmers, and the ones who can code are using ConvertFlow to enable a "no-code" conversion marketing workflow for their entire team.

Try to use color agnostic background images
When adding background images to your CTA, anticipate that other ConvertFlow users may have a different color scheme for their brand. Try to use background images that can work with any color scheme, so other users can change the background colors to match their brand and not have to replace your background image.
 

Image resolution 2x actual size
Optimize uploaded images for retina screens by uploading files with 2x the pixel resolution of what you expect the image to display as live. ConvertFlow will automatically compress and resize images wider than 2000px to 2000px for better load performance for visitors.
Mobile optimize your content
It's easy to forget, but make sure to switch the builder to "mobile" device view and adjust the padding and positioning of your elements to ensure they're displayed nicely on mobile devices.
Use thoughtful placeholder copy for text elements
Give ConvertFlow users an idea of what to write where by making headlines serve as a copywriting guide. 
For longer paragraph text, use the trusty ol' Lorem Ipusm generator - https://www.lipsum.com/
Use the official example logos
Don't want to spend time thinking up a clever example company logo for your templates?

Use one of our example logos that we use for official templates – https://www.dropbox.com/sh/q0na81lbd0doh9p/AAA-KPcHfwwWmSnVnX5dQdpoa?dl=0
Use royalty free stock images without license limitations
Source your stock images from websites such as unsplash.com where the license allows for unlimited commercial use of the images.
Never steal assets from real companies
Just don't do it, whether it's images or website content. If you're drawing inspiration from a real company, find similar royalty free stock images and use pseudo-copy that may imply the template is inspired by a real website, but isn't using their material or trademarked logo.

Still need help? Contact Us Contact Us