The Smart setup allows you to add a newsletter signup to the footer of every page as a premium functionality.
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:
<!-- Begin MailChimp Signup Form --> <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> <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 class="required email" id="mce-EMAIL" name="EMAIL" type="email" value="" /></div> <div class="mc-field-group"> <label for="mce-FNAME">First Name <span class="asterisk">*</span> </label> <input class="required" id="mce-FNAME" name="FNAME" type="text" value="" /></div> <div class="mc-field-group"> <label for="mce-LNAME">Last Name <span class="asterisk">*</span> </label> <input class="required" id="mce-LNAME" name="LNAME" type="text" value="" /></div> <div class="mc-field-group input-group"> <strong>Leisure </strong><ul> <li><input id="mce-group[69]-69-0" name="group[69][1]" type="checkbox" value="1" /><label for="mce-group[69]-69-0">Galway City Breaks</label></li> <li><input id="mce-group[69]-69-1" name="group[69][8]" type="checkbox" value="8" /><label for="mce-group[69]-69-1">Group Offers</label></li> <li><input id="mce-group[69]-69-2" name="group[69][16]" type="checkbox" value="16" /><label for="mce-group[69]-69-2">Food & Beverage Offers</label></li> </ul> </div> <div class="mc-field-group input-group"> <strong>Corporate </strong><ul> <li><input id="mce-group[73]-73-0" name="group[73][2]" type="checkbox" value="2" /><label for="mce-group[73]-73-0">Corporate Offers</label></li> <li><input id="mce-group[73]-73-1" name="group[73][32]" type="checkbox" value="32" /><label for="mce-group[73]-73-1">Sports & Social</label></li> </ul> </div> <div class="clear" id="mce-responses"> <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 aria-hidden="true" style="position: absolute; left: -5000px;"> <input name="b_1774eb9ee8910a6b6acdcf304_b6db01d4a6" tabindex="-1" type="text" value="" /></div> <div class="clear"> <input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Subscribe" /></div> </div> </form> </div> |
Some assistance might be required by us to markup the form so it looks like other forms presented on the site.
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.