Problem embedding MailChimp Form

  • Stacy Huber

    #3126

    I’m trying to install the MailChimp code into the Text Widget so that if will fit in the sidebar and not open another page. The procedure worked perfectly on my test site. But, when I try to install on my site http://www.kwikwerk.com it does not work. I’ve tried two types of form. One form when installed in the text widget/sidebar shows up missing the submit button. I get the title and the two fields I’m using, but not the button to submit the request. Second form spills onto the background. It is so wide it does not fit in sidebar. HOpe there is a very simple solution. Thanks

    Tee

    #23462

    Is this what your referring too?

    http://www.youtube.com/watch?v=gnnjDR9ZGTc

    Stacy Huber

    #23463

    Thanks Tee_88, I did try that but it did not work for me.

    rovingsign

    #23464

    My MailChimp sign-up form “Submit” buttons wont show in sidebars in 1.6

    The buttons do show in 1.5

    Perhaps your test site has the older version of the theme?

    Corine

    #23465

    I am having the same problem as Stacey. I miss the submit button, while using the Mailchimp text widget. I have also tried several plugins and they seem to work but the fields are not aligned, so the form doesn’t look very nice.

    I would be very, very happy if anyone can help me, because I’ve spend a full day trying to solve this issue and I’ve run out of options now.

    I am absolutely not technical.

    Thanks!

    Tee

    #23466

    Can you please create a widget with mail chimp form and send link, so I can take a look at it on your test site Corine. Thanks!

    Michelle

    #23467

    I am having the same problem. I have the form, but no submit button, after upgrading the theme.

    I am using a different sidebar for the front page to the rest of the site, and it doesn’t work on either.

    I tried different mailchimp forms and none of them worked.

    There is obviously some type of conflict happening.

    The site is http://www.loransheart.com – but I’ve had to use alternative methods for the mailchimp form so you can’t see the error at the moment.

    Help please!!!!!!!!!!!!!

    Mod

    Kenneth John Odle

    #23468

    Has anybody noticed and tried this?

    If you are upgrading to version 1.2.1 and you used the widget in your sidebar previously, all you need to do is drag the MailChimp Widget back into the sidebar, visit the MailChimp settings page (which will have maintained your prior settings), click the “Update List” button, and you’re done!

    (From http://wordpress.org/extend/plugins/mailchimp/other_notes/)

    Does that make a difference?

    I know it’s annoying, but it’s very difficult (a polite way of saying “impossible”) to diagnose something when we can’t see it on your site. You’ll have to put up the wonky version and live with it for at least a little while. You can always add a title to the widget like “Ignore this — testing” to let your readers know to ignore it, along with the one that’s actually working.

    There is a function in the JavaScript to disable the submit button. Has anyone seen this in the settings?

    The MailChimp widget does make use of jQuery, so it’s possible that it conflicts with Graphene’s installation of jQuery. Has anyone tried temporarily switching to another theme to see if any of these issues go away?

    That’s about everything I can think of short of installing this widget myself. Let me know how it goes.

    Admin

    Syahir Hakim

    #23469
    Quote:
    The MailChimp widget does make use of jQuery, so it’s possible that it conflicts with Graphene’s installation of jQuery.

    FYI, Graphene does not “install” jQuery. It just uses the one that comes bundled with WordPress, as should other themes and plugins.

    Michelle

    #23470

    Thanks for the ideas, but I wasn’t previously using a Mailchimp widget – I had copied the form code from Mailchimp into a text widget, which worked perfectly in the previous version of Graphene, but broke when I updated. The form fields are visible, but the Submit button isn’t.

    This is the code that now isn’t working:

    <!-- Begin MailChimp Signup Form -->
    <link href="http://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:220px;}
    /* 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="http://removed for privacy" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
    <h2>Subscribe to our mailing list</h2>
    <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 class="mc-field-group">
    <label for="mce-FNAME">First Name </label>
    <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
    </div>
    <div class="mc-field-group">
    <label for="mce-LNAME">Last Name </label>
    <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
    </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> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
    </div>
    <script type="text/javascript">
    var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
    try {
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
    } catch(err) {
    var jqueryLoaded=false;
    }
    var head= document.getElementsByTagName('head')[0];
    if (!jqueryLoaded) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState && script.onload!==null){
    script.onreadystatechange= function () {
    if (this.readyState == 'complete') mce_preload_check();
    }
    }
    }
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
    head.appendChild(script);
    var err_style = '';
    try{
    err_style = mc_custom_error_style;
    } catch(e){
    err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;} #mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
    }
    var head= document.getElementsByTagName('head')[0];
    var style= document.createElement('style');
    style.type= 'text/css';
    if (style.styleSheet) {
    style.styleSheet.cssText = err_style;
    } else {
    style.appendChild(document.createTextNode(err_style));
    }
    head.appendChild(style);
    setTimeout('mce_preload_check();', 250);

    var mce_preload_checks = 0;
    function mce_preload_check(){
    if (mce_preload_checks>40) return;
    mce_preload_checks++;
    try {
    var jqueryLoaded=jQuery;
    } catch(err) {
    setTimeout('mce_preload_check();', 250);
    return;
    }
    try {
    var validatorLoaded=jQuery("#fake-form").validate({});
    } catch(err) {
    setTimeout('mce_preload_check();', 250);
    return;
    }
    mce_init_form();
    }
    function mce_init_form(){
    jQuery(document).ready( function($) {
    var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
    var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
    $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
    options = { url: 'http://removed for privacy', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
    beforeSubmit: function(){
    $('#mce_tmp_error_msg').remove();
    $('.datefield','#mc_embed_signup').each(
    function(){
    var txt = 'filled';
    var fields = new Array();
    var i = 0;
    $(':text', this).each(
    function(){
    fields = this;
    i++;
    });
    $(':hidden', this).each(
    function(){
    var bday = false;
    if (fields.length == 2){
    bday = true;
    fields[2] = {'value':1970};//trick birthdays into having years
    }
    if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
    this.value = '';
    } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
    this.value = '';
    } else {
    if (/[day]/.test(fields[0].name)){
    this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;
    } else {
    this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
    }
    }
    });
    });
    return mce_validator.form();
    },
    success: mce_success_cb
    };
    $('#mc-embedded-subscribe-form').ajaxForm(options);

    });
    }
    function mce_success_cb(resp){
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success"){
    $('#mce-'+resp.result+'-response').show();
    $('#mce-'+resp.result+'-response').html(resp.msg);
    $('#mc-embedded-subscribe-form').each(function(){
    this.reset();
    });
    } else {
    var index = -1;
    var msg;
    try {
    var parts = resp.msg.split(' - ',2);
    if (parts[1]==undefined){
    msg = resp.msg;
    } else {
    i = parseInt(parts[0]);
    if (i.toString() == parts[0]){
    index = parts[0];
    msg = parts[1];
    } else {
    index = -1;
    msg = resp.msg;
    }
    }
    } catch(e){
    index = -1;
    msg = resp.msg;
    }
    try{
    if (index== -1){
    $('#mce-'+resp.result+'-response').show();
    $('#mce-'+resp.result+'-response').html(msg);
    } else {
    err_id = 'mce_tmp_error_msg';
    html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';

    var input_id = '#mc_embed_signup';
    var f = $(input_id);
    if (ftypes[index]=='address'){
    input_id = '#mce-'+fnames[index]+'-addr1';
    f = $(input_id).parent().parent().get(0);
    } else if (ftypes[index]=='date'){
    input_id = '#mce-'+fnames[index]+'-month';
    f = $(input_id).parent().parent().get(0);
    } else {
    input_id = '#mce-'+fnames[index];
    f = $().parent(input_id).get(0);
    }
    if (f){
    $(f).append(html);
    $(input_id).focus();
    } else {
    $('#mce-'+resp.result+'-response').show();
    $('#mce-'+resp.result+'-response').html(msg);
    }
    }
    } catch(e){
    $('#mce-'+resp.result+'-response').show();
    $('#mce-'+resp.result+'-response').html(msg);
    }
    }
    }

    </script>
    <!--End mc_embed_signup-->

    Any other ideas will be greatly appreciated.

Viewing 10 posts - 1 through 10 (of 12 total)

You must be logged in to reply to this topic.