Need help? Check out our Support site, then


Mail chimp opt-in code integration

  1. Hi all,

    I am trying to get my mail chimp newsletter account onto my blog and to fit into the graphic opt-in box but am unsure as to how to input the code so i dont have 2 separate sign up boxes

    Here is the code for the optin on my website:

    <div class="fatlossoptin">
    <div class="fatlossoptincontent">
    <!-- Customize the form below so it works with your email service provider. Make sure you keep the classes for the inputs and submit button -->
    <form method='POST' name='NAMEHERE' action='ACTIONHERE'>

    <table width="240" border="0" cellspacing="0" cellpadding="5" align="center">
    <tr>
    <td width="71">Name:</td>
    <td width="169">
    <input type="text" name="textfield" id="NAMEIDHERE" class="text" />
    </td>
    </tr>
    <tr>
    <td>Email:</td>
    <td><input type="text" name="textfield2" id="EMAILIDHERE" class="text" /></td>
    </tr>
    <tr>
    <td colspan="2" align="center"><input type="submit" class="button" value=""/></td>
    </tr>
    </table>
    </form>
    </div>
    </div>

    and here is the mailchimp code for my newsletter list:

    <!-- Begin MailChimp Signup Form -->
    <!--[if IE]>
    <style type="text/css" media="screen">
    #mc_embed_signup fieldset {position: relative;}
    #mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
    </style>
    <![endif]-->

    <!--[if IE 7]>
    <style type="text/css" media="screen">
    .mc-field-group {overflow:visible;}
    </style>
    <![endif]--><script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery.validate.js"></script>
    <script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery.form.js"></script>
    <script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/subscribe/xs-js?u=b21c9b99a9a0de74a21fded14&id=91ee2068cb"> </script>

    <div id="mc_embed_signup">
    <form action="http://thebootcampeffect.us1.list-manage.com/subscribe/post?u=b21c9b99a9a0de74a21fded14&id=91ee2068cb " method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;">
    <fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;">

    <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
    <label for="mce-NAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Name </label>
    <input type="text" value="" name="NAME" class="required" id="mce-NAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
    </div>
    <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
    <label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address </label>
    <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
    </div>
    <div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
    <div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
    <div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
    </div>
    <div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
    </fieldset>
    Close
    </form>
    </div>
    <!--End mc_embed_signup-->

    Any help would be greatly appreciated!

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

Topic Closed

This topic has been closed to new replies.

About this Topic