Contra - 5 Step Agency Guide Form



Building Contra a responsive and powerful form using Framer Forms

As of writing this, Framer Forms has been out for about a month. This highly-requested feature is as powerful as anticipated and much desired for our Framer projects.

The Old

Previously, Contra had an embed to a custom solution their backend engineers built. The downside to this was non-responsiveness, the form taking seconds to load, and not a native solution!

The New

With the power of Framer Forms, we can build a fully customizable and native solution that fits our needs perfectly! While even sprinkling in a little React code to spice things up 👀



Final

With these changes, we see an improved page-load speed, responsiveness across device sizes, no-code editing for adding new inputs, and native to Framer!



We also added LinkedIn Conversion to help Contra track 👀