Hello,
I've created a signup form on my website by copying the code from MailChimp and creating a widget. As the MailChimp form comes with IDs and Classes, I am able to edit the appearance of the form fairly easily through custom CSS. What I am having trouble with is modifying the form's functionality. I would like to add two check boxes to the form to allow users to subscribe to specific newsletters. Can this be done by modifying the code that MailChimp generated? Here's what it looks like so far...
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//mackenzieelizabeth.us8.list-manage.com/subscribe/post?u=0415ef19e9d3c59fe5ee1cada&id=5434258e38" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h4>Subscribe to our mailing list</h4>
<div class="mc-field-group">
<input type="text" value="" placeholder="First name" name="FNAME"
</div>
<div class="mc-field-group">
<input type="email" value="" placeholder="Email" name="EMAIL" class="required email" id="mce-EMAIL">
</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;"><input type="text" name="b_0415ef19e9d3c59fe5ee1cada_5434258e38" tabindex="-1" value=""></div>
<div class="subscribebutton"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->