Click here to Skip to main content
15,041,788 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hey guys,

I'm having a tough time pulling this together. I have a very simple landing page, no scroll site with minimal information and then I want to have a place where people can send me their email.

Almost exactly like how it is on the landing page here thehustle.co with just changing some colors and fonts.

I would like these emails to funnel into a MailChimp list where they would receive automated emails. I have got as far as the code below but where I'm having trouble IS.. when they click the submit button, I just want the action to fire without the user having to leave my website and land on Mailchimp's website to be greeted by a thank you page.

Bonus: If anyone knows a quick way to style the form exactly like the link above (minus the font/color) that would be much appreciated. I'm a rookie to this stuff and am trying to learn the basics.

What I have tried:

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
	/* 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. */
</style>
<div id="mc_embed_signup">
<form action="https://trevorcapozza.us13.list-manage.com/subscribe/post?u=23cdda383d448c692aeade873&id=1e964d6930" 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>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_23cdda383d448c692aeade873_1e964d6930" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900