Trouble Adding MailChimp Subscription Form to Tesseract 2 Theme

  • Unknown's avatar
    chaoren · Member ·

    Hi,

    I am trying to insert a MailChimp subscribe form into my Tesseract 2 Theme website. I can’t seem to get the MailChimp plugin to work at all, so I have resorted to using the following embedded form code:
    <!– 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>
    <div id=’mc_embed_signup’>
    <form action=’//pac100.us13.list-manage.com/subscribe/post?u=74ab3ab985f6b89ef3867d742&id=5fbb6a98b7′ 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 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 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-FNAME’>First Name <span class=’asterisk’>*</span>
    </label>
    <input type=’text’ value=” name=’FNAME’ class=’required’ id=’mce-FNAME’>
    </div>
    <div class=’mc-field-group’>
    <label for=’mce-LNAME’>Last Name <span class=’asterisk’>*</span>
    </label>
    <input type=’text’ value=” name=’LNAME’ class=’required’ id=’mce-LNAME’>
    </div>
    <div class=’mc-field-group’>
    <label for=’mce-COMPANY’>Company/Organization <span class=’asterisk’>*</span>
    </label>
    <input type=’text’ value=” name=’COMPANY’ class=’required’ id=’mce-COMPANY’>
    </div>
    <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> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
    <div style=’position: absolute; left: -5000px;’ aria-hidden=’true’><input type=’text’ name=’b_74ab3ab985f6b89ef3867d742_5fbb6a98b7′ tabindex=’-1′ value=”></div>
    <div class=’clear’><input type=’submit’ value=’Subscribe’ name=’subscribe’ id=’mc-embedded-subscribe’ class=’button’></div>
    </div>
    </form>
    </div>
    <script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’;fnames[2]=’LNAME’;ftypes[2]=’text’;fnames[3]=’COMPANY’;ftypes[3]=’text’;}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!–End mc_embed_signup–>

    Here is how it appears on my website: http://pac100.com/index.php/subscribe/

    As you can see, the asterisks appear below the relevant words instead of to the right of them.

    I have WordPress 4.5

    Any advice you can offer either on making the widget work (I have tried inserting the short code, but that doesn’t seem to work either), or the above embedded form code, would be greatly appreciated.

    Thanks,

    Kris

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    theradiocrytic · Member ·

    If you have wordpress 4.5, you’re probably self-hosting, which means you need to post at wordpress.org.

  • The topic ‘Trouble Adding MailChimp Subscription Form to Tesseract 2 Theme’ is closed to new replies.