Creating a One Line MailChimp Signup Form (1 post)

  1. ecomalley
    Posted 3 years ago #

    I need help to get the title, text field and submit button for a MailChimp signup form to appear on one line in my header.


    Subscribe! [Input Field] [Button]

    Here is the code provided by MailChimp:

    <!-- Begin MailChimp Signup Form -->
    	<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css" />
    <style type="text/css"><!--
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:300px;} /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    <span class="nowrap"><div id="mc_embed_signup"><form class="validate" id="mc-embedded-subscribe-form" action="URL deleted" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"><label for="mce-EMAIL">Subscribe!</label>
    <input class="email" id="mce-EMAIL" type="email" name="EMAIL" placeholder="email address" required="" value="" />
    <div class="notclear"><input class="button" id="mc-embedded-subscribe" type="submit" name="subscribe" value="Subscribe" /></div>
    <!--End mc_embed_signup-->

    I have removed the URLs.

    Thank you for your help.


Topic Closed

This topic has been closed to new replies.

About this Topic