Tagged: mailchimp plugin
-
AuthorPosts
-
May 14, 2014 at 6:41 pm #264833
Hi,
I am having 2 issues to use mailchimp signup. I describe each one:1.- I copy into a text widget the code took from mailchimp (see below the code at the end of this post) to register emails address, but the issue is that doesn’t show the register button in my website.
I sought in this site similar case and i found in the post #25340 the follow recomendation:
#mc_embed_signup input.button {
visibility: visible;
}
I put this code in enfold/general styling/quick ccs style but it doesn’t workThe follow image shows the mailchimp code issue in my site:
http://www.nebi.co/wp-content/uploads/2014/05/issue-mailchimp-code.png2.- I bought mailchimp plugin to try to register emaill address but the issue is that it doen’t show checkbox to register form. I configure
The follow image shows the plugin issue in my site:
http://www.nebi.co/wp-content/uploads/2014/05/plugin-Issue-identification.pngThis image shows the plugin configuration:
http://www.nebi.co/wp-content/uploads/2014/05/chekbox_Configuration.pngThis is my website link: http://www.nebi.co
Could you help me to fix the issues?
Thanks in advance
AlexibaThis is the mailchimp 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=”http://nebi.us8.list-manage.com/subscribe/post?u=4345d84afd7ca74010ad51f5b&id=d861c8d67b” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate><div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email <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”>Nombre <span class=”asterisk”>*</span>
</label>
<input type=”text” value=”” name=”FNAME” class=”required” id=”mce-FNAME”>
</div>
<div class=”mc-field-group”>
<label for=”mce-MMERGE2″>Apellido <span class=”asterisk”>*</span>
</label>
<input type=”text” value=”” name=”MMERGE2″ class=”required” id=”mce-MMERGE2″>
</div>
<div class=”mc-field-group input-group”>
Interes <span class=”asterisk”>*</span>
- <input type=”radio” value=”Business Intelligence (BI)” name=”MMERGE3″ id=”mce-MMERGE3-0″><label for=”mce-MMERGE3-0″>Business Intelligence (BI)</label>
- <input type=”radio” value=”Marketing” name=”MMERGE3″ id=”mce-MMERGE3-1″><label for=”mce-MMERGE3-1″>Marketing</label>
- <input type=”radio” value=”BI & Marketing” name=”MMERGE3″ id=”mce-MMERGE3-2″><label for=”mce-MMERGE3-2″>BI & Marketing</label>
</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;”><input type=”text” name=”b_4345d84afd7ca74010ad51f5b_d861c8d67b” tabindex=”-1″ value=””></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]=’MMERGE2′;ftypes[2]=’text’;fnames[3]=’MMERGE3′;ftypes[3]=’radio’;
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 = ‘//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 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;
}
var script = document.createElement(‘script’);
script.type = ‘text/javascript’;
script.src = ‘http://downloads.mailchimp.com/js/jquery.form-n-validate.js’;
head.appendChild(script);
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://nebi.us8.list-manage.com/subscribe/post-json?u=4345d84afd7ca74010ad51f5b&id=d861c8d67b&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(){
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;
}
}
});
});
$(‘.phonefield-us’,’#mc_embed_signup’).each(
function(){
var fields = new Array();
var i = 0;
$(‘:text’, this).each(
function(){
fields[i] = this;
i++;
});
$(‘:hidden’, this).each(
function(){
if ( fields[0].value.length != 3 || fields[1].value.length!=3 || fields[2].value.length!=4 ){
this.value = ”;
} else {
this.value = ‘filled’;
}
});
});
return mce_validator.form();
},
success: mce_success_cb
};
$(‘#mc-embedded-subscribe-form’).ajaxForm(options);
/*
* Translated default messages for the jQuery validation plugin.
* Locale: ES
*/
jQuery.extend(jQuery.validator.messages, {
required: “Este campo es obligatorio.”,
remote: “Por favor, rellena este campo.”,
email: “Por favor, escribe una dirección de correo válida”,
url: “Por favor, escribe una URL válida.”,
date: “Por favor, escribe una fecha válida.”,
dateISO: “Por favor, escribe una fecha (ISO) válida.”,
number: “Por favor, escribe un número entero válido.”,
digits: “Por favor, escribe sólo dígitos.”,
creditcard: “Por favor, escribe un número de tarjeta válido.”,
equalTo: “Por favor, escribe el mismo valor de nuevo.”,
accept: “Por favor, escribe un valor con una extensión aceptada.”,
maxlength: jQuery.validator.format(“Por favor, no escribas más de {0} caracteres.”),
minlength: jQuery.validator.format(“Por favor, no escribas menos de {0} caracteres.”),
rangelength: jQuery.validator.format(“Por favor, escribe un valor entre {0} y {1} caracteres.”),
range: jQuery.validator.format(“Por favor, escribe un valor entre {0} y {1}.”),
max: jQuery.validator.format(“Por favor, escribe un valor menor o igual a {0}.”),
min: jQuery.validator.format(“Por favor, escribe un valor mayor o igual a {0}.”)
});});
}
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–>#25340
May 15, 2014 at 6:38 am #265106Hey!
Try adding this code to the Quick CSS:
#mc_embed_signup .clear { display: block; visibility: visible; height: auto; width: auto; }
Cheers!
JosueMay 15, 2014 at 4:16 pm #265332Hi Josue,
The first issue was resolved, but the last one not yet.
I look forward to new suggestions.
Thanks in advance.
Alexiba
May 15, 2014 at 4:57 pm #265367This reply has been marked as private.May 15, 2014 at 5:23 pm #265374Hi,
Please contact the plugin author for more info about the issue. Making third-party plugins compatible with theme is beyond the support scope we can offer. You can also hire a freelance developer to help you debug the plugin.
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.