- <input type="checkbox" value="1" name="group[1901][1]" id="mce-group[1901]-1901-0"><label for="mce-group[1901]-1901-0">A sponsorship seeker</label>
- <input type="checkbox" value="2" name="group[1901][2]" id="mce-group[1901]-1901-1"><label for="mce-group[1901]-1901-1">A sponsor</label>
Mailchimp embedded contact form
Hi!
I am using Mailchimp to gather my visitors' email addresses. I have managed to embed the pop up form to Wordpress, but seem to struggle with the sign up / contact us form. My website is www.coconuts4sale.com and I would like to replace the current contact form (https://coconuts4sale.com/contact/) by the one I created in Mailchimp. It should be on the same page as the current form.
This is what I got from Mailchimp:
<!-- 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>
<style type="text/css">
#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
</style>
<div id="mc_embed_signup">
<form action="https://coconuts4sale.us20.list-manage.com/subscribe/post?u=6615f1a0d2af5ccdf3a0a48b4&id=9d472abe93" 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</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-NAME">Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="NAME" class="required" id="mce-NAME">
</div>
<div class="mc-field-group">
<label for="mce-COMPANY">Company </label>
<input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
</div>
<div class="mc-field-group">
<label for="mce-MMERGE6">Message <span class="asterisk">*</span>
</label>
<input type="text" value="" name="MMERGE6" class="required" id="mce-MMERGE6">
</div>
<div class="mc-field-group input-group">
Interested in sponsorship as: