How do I place all of my form fields on one line?

Article Last Updated: January 26, 2016

Required: Easy Forms for Mailchimp v6.0.3.8 or later.

One of the most requested features that we get is the ability to generate inline forms, meaning users want their form fields and submit button to lie on the same line.

With the latest release of Easy Forms for Mailchimp version 6.0.3.8, we’ve added a new option at the form level, allowing you to convert your single/multi-column forms into a single line, inline form at the click of a button.

Setting Form Inline via Form Options

To toggle on the ‘Inline Form’, head into the ‘Edit Form’ page. To the right of the ‘Form Builder’ section, you’ll see a new section titled ‘Form Settings’.

New 'Form Settings' Section

Click on ‘Form Settings’, and the second option down in that section is title ‘Form Layout’.

Form Settings - Form Layout Option

Once enabled, you can go ahead and save your save the form. You should now see on the front end of your site, the form fields have automagically adjusted widths to fit a single line.

Result

Sample Inline Form

Setting Form Inline via Shortcode

If you need your forms inline in one location, but not in the others you may also leave the ‘Form Inline’ option set to disabled. When using the shortcode you can pass in an `inline` parameter and set it to 1 to enable the form inline functionality on a more granular level.

Example:
`[yikes-mailchimp form="1" inline="1"]`


Additional Notes:
This should technically work with any number of fields that you have on your form, but it’s recommended that you have no more than 3 fields assigned to your inline forms – unless your site is extra wide. You may also notice weird things happening if you have reCaptcha enabled for your forms. It’s recommended that you turn off recaptcha for your inline forms – either globally or by passing in a recaptcha parameter to the shortcode and setting it to 0. eg: `[yikes-mailchimp form="1" recaptcha="0"]`.