How to integrate MailChimp Form ?

In a Raw Text (HTML) copy/paste the following code :

<!-- The code below has been produced for the Websico account, only for example. You have to use the MailChimp generator for your own account -->

<!-- Styles - Add your own MailChimp form style overrides in your site stylesheet or in this style block. */ -->
<link href="//" rel="stylesheet" type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }

<!-- The HTML block -->
<div id="mc_embed_signup">
<form action="//;id=6ac7a9d020" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <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  <span class="asterisk">*</span>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
<div class="mc-field-group">
    <label for="mce-FNAME">First Name </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
<div class="mc-field-group">
    <label for="mce-LNAME">Last Name </label>
    <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
    <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>    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

See elements, arrangements and settings in simulated edition mode

Subscribe to our mailing list

* indicates required

Or use websico form builder to fill MailChimp database


To go further

The element can be moved anywhere in the page and all standard style properties can be applied (Borders, Margins, Colors)

Source : MailChimp