Can't Use Mail Chimp On Graphene

  • lastbaff

    #10272

    I haven’t been able to use Mail Chimp on my Graphene and Graphene mobile.

    When I copy the code of my Mail Chimp signup form, and paste it on my side bar, only the first name and email address columns appear. The subscribe (call to action) button doesn’t appear.

    while

    On Graphene mobile, everything appears fine. But when my visitors enter their first name, it says “enter at least NaN”. I had to remove the first name column so that they can subscribe.

    Note: I have tried the code on other themes and it worked fine.

    Below is the code:

    <!-- 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; }
    /* 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="//nairatechnology.us12.list-manage.com/subscribe/post?u=1c299619f94a82ebff6a2a5f6&id=b6583530b5" 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 </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    </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_1c299619f94a82ebff6a2a5f6_b6583530b5" 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';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!--End mc_embed_signup-->
    Admin

    Syahir Hakim

    #45774

    Please post the link to your site so that we can take a look.

    lastbaff

    #45775

    This is the link below Syahir

    http://nairatechnology.com/newsletter

    Thanks

    lastbaff

    #45776

    Hello Syahir, I haven’t heard from you.

    Admin

    Syahir Hakim

    #45777

    In the Mailchimp code, find this line and change it from:

    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

    to:

    <div class="clearfix"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

    lastbaff

    #45778

    Okay I have done that and the CTA button is now appearing. But after filling in name and password, the button will become unclickable.

    Check it out http://www.nairatechnology.com/newsletter

    Admin

    Syahir Hakim

    #45779

    This resource on the page seems to be holding up the script execution:

    http://konga.postaffiliatepro.com/scripts/banner.php?k_id=teknomatiks&k_bid=562ad577

    Try removing that and see if the button works.

    lastbaff

    #45780

    Alright Syahir, thank you. One more request. How can I make my ‘bio’ visible after every post, in Graphene mobile? It only appears on desktop (Graphene theme).

    lastbaff

    #45781

    Awaiting your response Syahir. Thanks.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.