[Resolved] Single line mailchimp signup form

[generatepressiscool]

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.

[Tom]

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>

[generatepressiscool]

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.

[Tom]

That’s something that happens in each individual Chrome installation. It’s something the user has to opt-in to.

[Author]

Posts