The marketing team at CakeMail has been using Unbounce to create landing pages for a while now. It’s a great tool that lets them create landing pages on the fly and A/B test them. Since then, our conversion rates have skyrocketed to the moon!
But we had to pay a hefty price. We had to use their WYSIWYG editor.
A/B tests are essential. Optimization is crucial. But like many of my fellow designers, I’m allergic to WYSIWYG editors. Yes, they’re a good tool if you have no HTML/CSS knowledge. But as a power user, not having the option that lets me plug in my own code was beyond irritating. I can’t afford to take 3 hours to go through learning the interface when I could create a beautiful landing page in less than that.
The problem was that Unbounce generates forms dynamically to be able to track the conversion rates. The marketing team obviously wanted to know which pages were performing best. After all, this was the reason why they were using their app in the first place.
I modified my code to store the <form> element Unbounce generates into a variable when the page loads. So doing, the HTML generated would be swapped with my template, thereby appending the content of that variable and keeping the form they provide as is, integrated within my design. Same attributes, same values, nothing to worry about.
It worked! I can now create HTML files without any constraints in record time and everybody’s happy! I can create slick, responsive designs with custom everything and the marketing team can manage the content while promoting and demoting pages according to their conversion rates.
You can download example files here: