Jump to content
Sign in to follow this  
ybcmark

Mailchimp form not redirecting

Recommended Posts

ybcmark

Hi I just created a cool new site with your theme but the Mailchimp form that i put in a text box in the Primary Sidebar is not redirecting on submit? Any thoughts? You can see the form here.... http://www.digital-catalyst-yourbusinesschannel.com/why/ The form actually works - but the user would not realise this as nothing appears to happen on the page. Hmmm! FYI i have used this approach before in other themes, and I also tested the form code by itself and that is working. Thanks for an help! Regards James

Share this post


Link to post
Share on other sites
catrina

Is the page that it's supposed to redirect to a notification page of some kind? Does the form work when it's put inside a page rather than a text box widget?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ybcmark

Thanks for the reply Catrina Yes it is the redirect. Shifting it to the main content window does work http://www.digital-catalyst-yourbusinesschannel.com/demo/ Given that the form works for other themes in a text box in the sidebar, I am guessing there must be a problem WRT the theme and Mailchimp? It is a bit of a disadvantage not being able to make the form a standard widget element for sidebar

Share this post


Link to post
Share on other sites
catrina

There is probably some kind of conflict going on in this particular theme. Do you have any other plugins that you can deactivate one by one to see if any of them is causing the issue?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ybcmark

I have no active plugins except for the mailchimp plugin

Share this post


Link to post
Share on other sites
catrina

Are you using a short code to insert the MailChimp form into the sidebar?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
ybcmark

This is my code

<!-- Begin MailChimp Signup Form -->
	<!--[if IE]>
	<style type="text/css" media="screen">
		#mc_embed_signup fieldset {position: relative;}
		#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
	</style>
	<![endif]-->
	<!--[if IE 7]>
	<style type="text/css" media="screen">
		.mc-field-group {overflow:visible;}
	</style>
	<![endif]-->
	
	<div id="mc_embed_signup">
	<form action="http://digital-catalyst-yourbusinesschannel.us1.list-manage.com/subscribe/post?u=7b799785b582a3f860f5df65e&id=496e1c64ae" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;">
		<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #ccc;padding-top: 1.5em;margin: .5em 0;background-color: #fff;color: #000;text-align: left;">
		<legend style="white-space: normal;text-transform: capitalize;font-weight: bold;color: #000;background: #fff;padding: .5em 1em;border: 1px solid #ccc;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;"><span>Request a demo</span></legend>
	<div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #000;margin: 0 9% 0 0;">* indicates required</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address <strong class="note-required">*
	</label>
	<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-FNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">First Name <strong class="note-required">*
	</label>
	<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-LNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Last Name <strong class="note-required">*
	</label>
	<input type="text" value="" name="LNAME" class="required" id="mce-LNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-MMERGE3" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Company name <strong class="note-required">*
	</label>
	<input type="text" value="" name="MMERGE3" class="required" id="mce-MMERGE3" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-MMERGE4" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Company website </label>
	<input type="text" value="" name="MMERGE4" class=" url" id="mce-MMERGE4" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-MMERGE5" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Approx. number of employees <strong class="note-required">*
	</label>
	<input type="text" name="MMERGE5" class="required" value="" id="mce-MMERGE5" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-MMERGE6" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Main sector/industry <strong class="note-required">*
	</label>
	<input type="text" value="" name="MMERGE6" class="required" id="mce-MMERGE6" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	<label for="mce-MMERGE8" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Your direct phone number <strong class="note-required">*
	</label>
	<input type="text" name="MMERGE8" class="required" value="" id="mce-MMERGE8" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
	</div>
	<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
	    <label class="input-group-label" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Format </label>
	    <div class="input-group" style="padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 1em 0;">
	    <ul style="margin: 0;padding: 0;"><li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-0" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left !important;">html</label>
	<li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-1" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left !important;">text</label>
	<li style="list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0;"><input type="radio" value="mobile" name="EMAILTYPE" id="mce-EMAILTYPE-2" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-EMAILTYPE-2" style="display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left !important;">mobile</label>
	
	    </div>
	</div>
			<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
				<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"></div>
				<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"></div>
			</div>
			<div><input type="submit" value="Request demo" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
		</fieldset>
		Close
	</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';fnames[3]='MMERGE3';ftypes[3]='text';fnames[4]='MMERGE4';ftypes[4]='url';fnames[5]='MMERGE5';ftypes[5]='number';fnames[6]='MMERGE6';ftypes[6]='text';fnames[8]='MMERGE8';ftypes[8]='phone';
	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 = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;';
	}
	var head= document.getElementsByTagName('head')[0];
	var style= document.createElement('style');
	style.type= 'text/css';
	if (style.styleSheet) {
	  style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}';
	} else {
	  style.appendChild(document.createTextNode('.mce_inline_error {' + 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://digital-catalyst-yourbusinesschannel.us1.list-manage.com/subscribe/post-json?u=7b799785b582a3f860f5df65e&id=496e1c64ae&c=?', 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[i] = this;
	                                        i++;
	                                    });
	                                $(':hidden', this).each(
	                                    function(){
	                                        if (fields.length == 2) fields[2] = {'value':1970};//trick birthdays into having years
	                                    	if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
	                                    		this.value = '';
										    } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
	                                    		this.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-->[/code]

Share this post


Link to post
Share on other sites
kastelic

Do you have a live link to the site? If not are there any javascript errors on the page? If your using Chrome or Firefox, could you bring up the inspector (F12), go to the Console tab and refresh the page to see js errors.

Share this post


Link to post
Share on other sites
thibodeaux

Hey Mark, looks like you figured this out somehow... I am having the same problem - can you share how you fixed it?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×