Instructies - More Balls Than Most

More Balls Than Most

Instructies

Start gaining new subscribers for your mailing list by adding a subscription form to your website. Paste the HTML and JavaScript code wherever you like the form to appear and use CSS to adjust the styling.

1. HTML Code

Plak deze code onder de Html Code (bijvoorbeeld in de footer van de site).

HTML Code


<!-- Signup part -->
<div id="mmm_generated_form">
    <form method="POST" action="" name="optinform" id="mmm_optinform">
        <table class="input" id="mmm_tableform" border="0">
            <tbody>

                <tr>
                    <td>E-mailadres <strong id="mmm_error_emailadres" class="error"></strong></td>
                </tr>
                <tr>
                    <td><input value="" size="30" name="emailadres" id="mmm_emailadres"  type="text">  </td>
                </tr>

                <tr id="mmm_row_error_message">
                    <td>
                        <strong id="mmm_error_message" class="error"></strong>
                    </td>
                </tr>

                <tr style="display: none">
                    <td>
                        <input value="" size="30" name="radid" id="mmm_radid" style="display: none" type="text" />
                        <input value="6f0d96d80cb71ee77beda13e9c095ab0" size="30" name="token" id="mmm_token" style="display: none" type="text" />
                        <input value="nl_NL" name="language" id="mmm_language" type="hidden" />
                        <input value="control" name="subdomain" id="mmm_subdomain" type="hidden" />
                        <div id="mmm_text_labels"
                             data-text-FORMGEN_FORM_ERROR_ALPHABETICAL_ONLY="Gebruik alleen alphabetische tekens"
                             data-text-FORMGEN_FORM_ERROR_ALPHANUMERICAL_ONLY="Gebruik alleen alphanumerische tekens"
                             data-text-FORMGEN_FORM_ERROR_NUMERICAL_ONLY="Gebruik alleen numerische tekens, het minteken of spaties"
                             data-text-FORMGEN_FORM_ERROR_EMAIL_NOT_VALID="Geen geldig e-mailadres"
                             data-text-FORMGEN_FORM_ERROR_FIELD_REQUIRED="Dit veld is verplicht"
                             data-text-FORMGEN_FORM_GENERAL_ERROR="Oeps. Er gaat iets mis."
                             data-text-FORMGEN_FORM_SEND_ERROR="Er is iets misgegaan met het versturen van jouw gegevens."
                        ></div>
                    </td>
                </tr>

                <tr>
                    <td height="25" align="right">
                        <button id="mmm_sendform">Schrijf me in!</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>

<!-- Confirmation part -->
<div id="mmm_thankyou_form" style="display: none; border: medium none; height: 300px;float:left;margin-bottom: 30px">
    <div class="wrapper" style="margin: 0 auto;text-align: center;">
        <h2 id="mmm_thankyou_message">Bedankt voor uw inschrijving.</h2>
    </div>
</div>

2. Javascript Code

Add the JS code below to all pages you’d like the form to appear. Make sure to add the JS code below the HTML code, for instance in the footer

Javascript Code

<script>
var mmmFormOptions = {
    emailadres:true,
    naam:false,
    achternaam:false,
    bedrijfsnaam:false,
    telefoonnummer:false,
    recaptcha:false,
    recaptchaSiteKey:"",
    tussenvoegsel:false
};
</script>
<script src="//formgen.yourwoo.com/generic-1-1.min.js"></script>

Oops..