The Importance of Form Widths

June 12, 2022

What’s so important about form widths?

Imagine filling out a form that’s too wide for your mobile device. It’d be frustrating, right? Think about your forms and your audience. Do you provide a positive user experience? Do you even know which devices your visitors use?

If you don’t know or care, your conversion rates will probably dive low or below the industry average. However, with some simple research and tweaks, you’ll be able to give your visitors a better experience with your forms and increase your conversion rates.

Note

Jotform forms are already mobile responsive by default. You don’t need to optimize your form width if your website or the page where you will embed the form is also mobile responsive.

Know Your Audience

Gather data about your audience with an analytics tool to understand better which devices your users are using. It is imperative to have this data, so you can outline your next steps to making your page or form flexible across devices.

Know the Device Widths

Design your forms based on your audience data. If most of your visitors are mobile users and use portrait view when viewing your website, use 320px for your forms.

Here’s a list of common widths:

  • Mobile: 320px for portrait view, 480px for landscape view.
  • iPads: 768px for portrait view, 1024px for landscape view.
  • Desktop and Laptops: 960px horizontal.

Change the Form Width

You can change the width of your form in three simple clicks. Please see the steps below.

  1. In the Form Builder, click the Form Designer icon.
Form Designer Icon
  1. Go to the Styles tab.
  2. Change the value of Form Width.
Form Designer - Form Width

And that’s it. The changes are automatically saved for you.

Protip

You can also update the form width through the Form Layout tab of the Advanced Designer.

That’s all it takes to change your form width and why it’s essential for your visitors and conversion rates. How effective was the change for you? Please share your thoughts and experiences in the comments section below.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • David DeLaCruz
  • Simon West
  • Angela Bailey
  • woodwardf
  • SCFootball
  • marketingmog
  • ThierryJohn001
  • joelrtaub3939
  • Gracieroo
  • mschuurmans
  • samanthaCC
  • MDLtd
  • martinaV
  • ProfMbHaneef
  • neteffects
  • DJporter
  • savik39
  • zaoas
  • A sysadmin
  • sirmichaelj
  • carrollpub
  • taflaten
  • lebaus
  • mcolon02
  • mmsellis
  • corc_itweb
  • Amsinger
  • ajkreiss
  • getitleelocal
  • chutchins
  • bstolze
  • Davor Tomic
  • mikerastiello
  • JotFormSupport
  • Alice
  • jbellamy
  • aytekin
  • ebsconsulting
  • jotformSupport
  • born