Can't Use Mail Chimp On Graphene

  • lastbaff


    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.


    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="//" 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. */
    <div id="mc_embed_signup">
    <form action="//" 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>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    <div class="mc-field-group">
    <label for="mce-FNAME">First Name </label>
    <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    <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>
    <script type='text/javascript' src='//'></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-->

    Syahir Hakim


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



    This is the link below Syahir




    Hello Syahir, I haven’t heard from you.


    Syahir Hakim


    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>


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



    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


    Syahir Hakim


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

    Try removing that and see if the button works.



    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).



    Awaiting your response Syahir. Thanks.

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

You must be logged in to reply to this topic.