Blog

This post may contain affiliate links, which means we earn a commission when you buy through our link (at no additional cost to you). I only promote products I love, from companies I trust. :) Read our full Disclosure Policy.

How to Make a Horizontal Mailchimp Form

How to Make a Horizontal Mailchimp Form

 

Here is what a horizontal Mailchimp opt-in form looks like:

horizontal-mailchimp-optin

And here is the code to make the magic happen. Just copy and paste this wherever you want your opt-in form to appear (such as a new text sidebar widget).

<div style="width: 30%; float: left;">Text Here</div> <div style="width: 70%; float: left;"><!– Begin MailChimp Signup Form –> <div id="mc_embed_signup"> <form class="validate" id="mc-embedded-subscribe-form" action="http://HereIsWhereYouPasteYourLongURLFromMailChimp" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"> <div class="mc-field-group"> <input class="required" id="mce-FNAME" type="text" name="FNAME" placeholder="First Name" value="" /> <input class="required email" id="mce-EMAIL" type="email" name="EMAIL" placeholder="Email Address" value="" /> <input type="hidden" name="b_8c2fdee11f59dc4d7adf9bcbf_83dec78335" value=""><input type="submit" id="mc-embedded-subscribe" /> </div> </form> </div>

Be sure to replace HereIsWhereYouPasteYourLongURLFromMailChimp with the URL Mailchimp gives you (found by going to Lists- click the list you are using- Signup Forms- Embedded Form- Naked- and then hunting until you find the ‘form action code’ with a URL that includes your username and a bunch of letters and numbers. It’s the URL you want.)

You can also install the WordPress plugin Magic Action Box (there’s a free version) to create a horizontal Mailchimp optin or Aweber opt-in form if you don’t want to mess with the code.

Good luck! πŸ™‚ Let me know if you have any questions.

If you’d like to start your own blog, check out our free guide on how to start a blog below:

how-to-start-a-blog

(Visited 1,504 times, 5 visits today)

4 Responses to How to Make a Horizontal Mailchimp Form

  1. No matter what I try, when I implement it into my wordpress site it always vertically stacks the subscribe button under the email signup box. rather than placing them horizontally next to each other. Any ideas?

Leave a reply

Happily hosted by Bluehost.
This site contains affiliate links. Disclosure Policy.