Can't Use Mail Chimp On Graphene
-
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-->AdminPlease post the link to your site so that we can take a look.
AdminIn 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>
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
AdminThis 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.
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.