Article Last Updated: January 26, 2016
Required: Easy Forms for Mailchimp v184.108.40.206 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 220.127.116.11, 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’.
Click on ‘Form Settings’, and the second option down in that section is title ‘Form Layout’.
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.
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.
`[yikes-mailchimp form="1" inline="1"]`
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"]`.