Update from the Unbounce Team!
We’ve officially launched horizontal forms natively within the page builder! No more workarounds or custom scripts! Just drag, drop and convert! Click here for more details.
Click here for the old workaround
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
Copy the following script provided by the ever so talented @Mark_Wainwright (remember to expand it so that you don’t just get the truncated version!)
Wait don’t go! There are some important things to note:
If your form is bound in a box (much like the form seen in the .gifs above) the box must be wide enough to accomodate 2 fields side by side. If the box is not wide enough, the changes will not appear when you Preview your page.
As you may have already noticed, you won’t be able to view the changes in the builder, the changes will only appear when you Preview and/or Publish your page.
Horizontal forms will not appear in mobile, which works in your favour as a horizontal form will appear very small in a mobile browser.
Alright, that’s it!
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks