Mail chimp opt-in code integration

  • Author
    Posts
  • #447050

    hauss11
    Member

    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!

    #447296

    supportbot
    Member

    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.

The topic ‘Mail chimp opt-in code integration’ is closed to new replies.