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.
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.
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.
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.
Give ConvertFlow users an idea of what to write where by making headlines serve as a copywriting guide.
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
Source your stock images from websites such as unsplash.com where the license allows for unlimited commercial use of the images.
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.
