Archived topic
Single line mailchimp signup form
3 replies · Started by generatepressiscool on November 6, 2016
see this: http://backlinko.com/
How to create a single line signup form like this, using mailchimp + generatepress?
this is code in place:
<div id="mc_embed_signup">
<form action="//blabla" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="blablabla" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div></form></div>It currently shows the signup button below the entry form. Would prefer on one line.
The code MailChimp gives you puts the button inside a div, forcing it to be on a second line.
You can cut this part of the code: <input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button">
And place it right next to this part: <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
Okay works.
Do you know how to have your email being suggested by default in google chrome, when typing a letter in that form? It's being done on that website but not here. Would help with signups.
That's something that happens in each individual Chrome installation. It's something the user has to opt-in to.
