1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Mailchimp signup form integration

Discussion in 'General Programming Chat' started by Nut-Nights, Feb 4, 2016.

  1. Nut-Nights

    Nut-Nights Jr. VIP Jr. VIP

    Joined:
    Jun 20, 2013
    Messages:
    5,623
    Likes Received:
    3,520
    Location:
    Hell
    Home Page:
    So this is first time i open this section. I have issue with adding my mailchimp signup form.

    Here is landing page code for sign up box.

    PHP:
    <div class="lp-element lp-pom-form" id="lp-pom-form-511">
    <
    form action="http://try.convertthemes.com/fsg?pageId=329563c6-a30d-11e3-8040-22000ac464fa&variant=c" method="POST">
    <
    input type="hidden" name="pageId" value="329563c6-a30d-11e3-8040-22000ac464fa"><input type="hidden" name="pageVariant" value="c">
    <
    fieldset class="clearfix" style="width: 300px; height: -18px;">
    <
    div class="lp-pom-form-field clearfix" id="container_first_name">
    <
    label for="first_name" class="main" id="label_first_name">First Name *</label><input type="text" id="first_name" name="first_name" class="text form_elem_first_name">
    </
    div>
    <
    div class="lp-pom-form-field clearfix" id="container_email">
    <
    label for="email" class="main" id="label_email">Email *</label><input type="text" id="email" name="email" class="text form_elem_email">
    </
    div>
    </
    fieldset>
    <
    input type="text" id="Lsj5HY7GVKxYzLwoEHKj1B6aM11Bq28K" name="ubafs-Lsj5HY7GVKxYzLwoEHKj1B6aM11Bq28K" style="display:none !important;" >
    </
    form>
    <
    class="lp-element lp-pom-button" id="lp-pom-button-512" href="#"><span class="label"></span></a>
    </
    div>
    <
    div class="lp-element lp-pom-image" id="lp-pom-image-513">
    <
    div class="lp-pom-image-container" style="overflow: hidden;">
    <
    img src="http://www.blackhatworld.com/d9hhrg4mnvzow.cloudfront.net/try.convertthemes.com/b2b-ebook-download/1vc7p1-animated-arrow.gif" alt=""></div>
    </
    div>
    <
    div class="lp-element lp-pom-text nlh" id="lp-pom-text-514">
    <
    p style="text-align: left; font-family: Raleway; font-weight:400; color:#ffffff; font-size:20px; line-height: 27px;">
        
    DOWNLOAD</p>
    </
    div>
    and here is code i get from mailchimp

    PHP:
    <!-- Begin MailChimp Signup Form -->
    <
    link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
    <
    style type="text/css">
        
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:311px;}
        /* 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="//prpublic.us11.list-manage.com/subscribe/post?u=7e93ce15b10b010b0854fcc55&id=a824993c20" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <
    div id="mc_embed_signup_scroll">
        
    <
    div class="mc-field-group">
        <
    label for="mce-FNAME">First Name </label>
        <
    input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    </
    div>
    <
    div class="mc-field-group">
        <
    label for="mce-EMAIL">Email Address </label>
        <
    input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    </
    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_7e93ce15b10b010b0854fcc55_a824993c20" 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[1]='FNAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!--End mc_embed_signup-->
    How to solve this issue ? I want to embend my mailchimp into landing page form ?
     
  2. whiteblackseo

    whiteblackseo Jr. VIP Jr. VIP

    Joined:
    Apr 11, 2015
    Messages:
    2,611
    Likes Received:
    959
    Home Page:
  3. thedorf

    thedorf Supreme Member

    Joined:
    Oct 1, 2008
    Messages:
    1,223
    Likes Received:
    729
    Occupation:
    what? I gotta have a job?
    Location:
    BHW - Where else?
    Yea, what he said.