3. Optimised Sales > Newsletter module > Newsletter module type
Select whether to display a signup form or just use a linkoff button to another page (inside or outside of your website).
Read more : Newsletter Module
See mailchimp signup form options and choose the type you want. Using the Embedded form is the recommended option as it will look best on your website. You will need to create a new page in the CMS if using the embedded form.
Example of mailchimp Embedded form code below:
Some assistance might be required by us to markup the form so it looks like other forms presented on the site.
<div id="mc_embed_signup">
<form action="#" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<p>Sign up for Exclusive Offers, News and Upcoming Events in Galway.</p>
<p class="small text-muted"><span class="text-danger">*</span> indicates required</p>
<div class="form-group">
<label for="mce-EMAIL">Email Address <span class="text-danger">*</span></label>
<input class="form-control required email" id="mce-EMAIL" name="EMAIL" type="email" value="" />
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="mce-FNAME">First Name <span class="text-danger">*</span></label>
<input class="form-control required" id="mce-FNAME" name="FNAME" type="text" value="" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="mce-LNAME">Last Name <span class="text-danger">*</span></label>
<input class="form-control required" id="mce-LNAME" name="LNAME" type="text" value="" />
</div>
</div>
</div>
<div class="form-group">
<strong>Leisure</strong>
<div class="form-check">
<input class="form-check-input" id="mce-group[69]-69-0" name="group[69][1]" type="checkbox" value="1" />
<label class="form-check-label" for="mce-group[69]-69-0">Galway City Breaks</label>
</div>
<div class="form-check">
<input class="form-check-input" id="mce-group[69]-69-1" name="group[69][8]" type="checkbox" value="8" />
<label class="form-check-label" for="mce-group[69]-69-1">Group Offers</label>
</div>
<div class="form-check">
<input class="form-check-input" id="mce-group[69]-69-2" name="group[69][16]" type="checkbox" value="16" />
<label class="form-check-label" for="mce-group[69]-69-2">Food & Beverage Offers</label>
</div>
</div>
<div class="form-group">
<strong>Corporate</strong>
<div class="form-check">
<input class="form-check-input" id="mce-group[73]-73-0" name="group[73][2]" type="checkbox" value="2" />
<label class="form-check-label" for="mce-group[73]-73-0">Corporate Offers</label>
</div>
<div class="form-check">
<input class="form-check-input" id="mce-group[73]-73-1" name="group[73][32]" type="checkbox" value="32" />
<label class="form-check-label" for="mce-group[73]-73-1">Sports & Social</label>
</div>
</div>
<div class="mt-3" id="mce-responses">
<div class="response alert alert-danger" id="mce-error-response" style="display:none"></div>
<div class="response alert alert-success" id="mce-success-response" style="display:none"></div>
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
<input name="b_1774eb9ee8910a6b6acdcf304_b6db01d4a6" tabindex="-1" type="text" value="" />
</div>
<div class="clear mt-4">
<input class="btn btn-primary btn-block" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Subscribe" />
</div>
</div>
</form>
</div>
You can add this code to the source view of an existing newsletter page or create a new page and then setup the newsletter module to linkoff to this embedded form.
It is also an option to link directly to a external page provided by the 3rd party.
This approach also works for other 3rd party form providers, not just mail-chimp.