Skip to content

Instantly share code, notes, and snippets.

@kjy112
Created October 26, 2017 21:09
Show Gist options
  • Save kjy112/49a3ed2049370957a0d4a349e7a7b563 to your computer and use it in GitHub Desktop.
Save kjy112/49a3ed2049370957a0d4a349e7a7b563 to your computer and use it in GitHub Desktop.
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-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;
}
/* 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://kjye.us2.list-manage.com/subscribe/post?u=38dcdbcb0503681c23642ba69&amp;id=c6bd6154a9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name </label>
<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name </label>
<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- 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_38dcdbcb0503681c23642ba69_c6bd6154a9" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
$mcj('#mce-success-response').bind("DOMSubtreeModified", function() {
/* Do whatever you wish upon successful email submission */
console.log('Thumbs up. You got it!');
/* Setup Google Analytics Conversion Tracking */
ga('send', {
hitType: 'event',
eventCategory: 'MailChimp',
eventAction: 'Email Submit',
eventLabel: 'Fall Campaign'
});
/* Redirect to a link of your choice with setTimeout */
setTimeout(function() {
window.open('http://google.com', '_blank');
}, 3000);
});
</script>
<!--End mc_embed_signup-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment