Problemas con el Formulario de Contacto  

Hola Leonardo, 

En este caso puedes enviarnos algunas capturas sobre el código que añades para este formulario en tu sitio web? de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo

@karen he adjuntado todas las imágenes, desde el capture 1 hasta el 26 ya que es un código largo. Estaré esperando su respuesta.

 a.

Hola Leonardo,

Has verificado probar directamente el plugin del sistema que utilizas? > Benchmark:

https://wordpress.org/plugins/benchmark-email-lite/

Es posible que de error porque falta el sistema de validación, también dentro del mismo tienes la opción de crear el formulario que va a ser embed, también tienes esta guía:

https://kb.benchmarkemail.com/es/agregar-formulario-de-benchmark-a-mi-blog/

https://kb.benchmarkemail.com/en/benchmark-email-lite-plugin-wordpress/

Verifica y nos comentas.

Un saludo 🖐️ 

@argenis he instalado el plugin y conectado mi cuenta pero aún así persiste el error, también creé el widget pero no agarra el código en la opción de texto o código, me gustaría es tener el código que yo mismo personalicé en el footer, ya que hice varias modificaciones del código original que está en Benchmark Email. Me podrían ayudar a solucionar este gran problema?, por favor.

@argenis

Aquí comparto el código ya modificado de mi parte, no me gustaría tomar el original porque fue mucho trabajo personalizarlo:

<!-- BEGIN: Signup Form Popup Code from Benchmark Email Ver 4.0 -->

<style type="text/css">
.formbox-editor_TNFWC fieldset {border: none;margin: 0;padding: 0 40px;position: relative;}
.formbox-editor_TNFWC fieldset > input,.formbox-editor_TNFWC fieldset > textarea,.formbox-editable-field_TNFWC {margin: 6px 0;outline: none;}
.spacer-block_TNFWC {min-height: 20px;padding: 10px 0;position: relative;}
.spacer-block-line_TNFWC {position: absolute;top: 50%;left: 40px;right: 40px;display: none;border-top-style: solid;}
.formbox-editor_TNFWC {margin: 0 auto;padding: 0;text-align: left;width: 110%;box-sizing: border-box;}
#formbox_screen_subscribe_TNFWC, #formbox_screen_success_TNFWC {padding: 1px 0;}
.formbox-title_TNFWC, .formbox-text-field_TNFWC {margin-bottom: 0; font-family: Poppins; color: #ffffff; font-size: 14px; }
.formbox-title_TNFWC a, .formbox-text-field_TNFWC a {text-decoration: none;}
.formbox-title_TNFWC p, .formbox-text-field_TNFWC p {margin: 0;margin-bottom: 10px;padding: 0; word-break: break-word;}

label.formbox-field-label_TNFWC {font-family: Poppins; display: block; margin: 10px 0 0; padding: 0; font-size: 14px; text-align: left;line-height: 100%; color: #000000;}
label.formbox-label-wrap_TNFWC {font-family: Poppins; display: block; margin: 10px 0 0; padding: 0; font-size: 14px; line-height: 100%; padding-left: 15px; text-indent: -15px; font-style: italic;color: #000000;} label.formbox-label-wrap_TNFWC:last-of-type {margin-bottom: 10px;}
label.formbox-label-wrap_TNFWC input[type=checkbox], label.formbox-label-wrap_TNFWC input[type=radio] { width: 13px; height: 13px; padding: 0; margin:0; margin-right: 5px; vertical-align: bottom; position: relative; top: -1px; }
select.formbox-field_TNFWC {background-color: #ffffff; border: 0px solid #ffffff; border-radius: 10px; box-sizing: border-box; background-color: #ffffff; font-family: Poppins; font-size: 14px; width: 100%; margin: 10px 0; height: auto; padding: 2px 0px;}

input.formbox-field_TNFWC {color: #ffffff; background-color: rgba(255,255,255,0.18); border: 0px solid #ffffff; border-radius:10px; font-family: Poppins; font-size: 14px; box-sizing: border-box; padding:15px; width: 100%;} input.formbox-field_TNFWC.text-placeholder {color: #ffffff; font-weight: normal; font-style: normal; font-family: Poppins, Arial, sans-serif; font-size: 13px;}
.formbox-field_TNFWC::-webkit-input-placeholder {color: #ffffff; font-weight: normal; font-style: normal;opacity: 1;}
.formbox-field_TNFWC::-moz-placeholder { color: #C7C9CA; font-weight: normal; font-style: normal;opacity: 1;}
.formbox-field_TNFWC:-ms-input-placeholder {color: #ffffff; font-weight: normal; font-style: normal; opacity: 1;}
.formbox-button_TNFWC {line-height: 100%; cursor: pointer; margin: 10px 0; }
.formbox-button_TNFWC:hover { background-color: #143182 !important; }
.formbox-button_TNFWC:active { background-color: #001D6E !important; }
#popupFormLoader_TNFWC { display: none; position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; background-image: url( ); background-position: center center; background-repeat: no-repeat; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
-ms-animation-name: spin;-ms-animation-duration: 800ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 800ms;animation-iteration-count: infinite;animation-timing-function: linear;}

</style>
<div id="signupFormContainer_TNFWC">
<div id="signupFormContent_TNFWC">
<div class="formbox-editor_TNFWC" style="background: transparent;
border-radius:0px; box-sizing: border-box; top: 0px;"><div id="formbox_screen_subscribe_TNFWC" style="display:block;" name="frmLB_TNFWC">
<input type=hidden name=token_TNFWC id=token_TNFWC value="mFcQnoBFKMR8HR3fb4ra6BcwvUXpuXVDbQAVeTskjvLI9XNZa1N7jg%3D%3D" />
<input type=hidden name=successurl_TNFWC id=successurl_TNFWC value="https://lb.benchmarkemail.com/Code/ThankYouOptin?language=Spanish" />
<input type=hidden name=errorurl_TNFWC id=errorurl_TNFWC value="https://lb.benchmarkemail.com//Code/Error" />
<fieldset class="formbox-field_TNFWC"><input type=text placeholder="Nombre" class="formbox-field_TNFWC text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldfirstname_TNFWC" name="fldfirstname_TNFWC" maxlength=100 /></fieldset>
<fieldset class="formbox-field_TNFWC"><input type=text placeholder="¿Cómo se llama tu marca o negocio?" class="formbox-field_TNFWC text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldfield9_TNFWC" name="fldfield9_TNFWC" maxlength=100 /></fieldset>
<fieldset class="formbox-field_TNFWC"><input type=text placeholder="País" class="formbox-field_TNFWC text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldfield5_TNFWC" name="fldfield5_TNFWC" maxlength=100 /></fieldset>
<fieldset class="formbox-field_TNFWC"><input type=text placeholder="Correo electrónico" class="formbox-field_TNFWC text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldemail_TNFWC" name="fldemail_TNFWC" maxlength=100 /></fieldset>
<fieldset style="text-align:center;"><div id="btnSubmit_TNFWC" onClick="javascript:return submit_TNFWCClick();" style="word-break: break-all; box-sizing: border-box; text-align:center; display: inline-block;padding-left: 100px; padding-right: 100px;padding-top: 10px; padding-bottom: 10px;background-color:rgb(0, 29, 110); border: rgb(255, 255, 255) solid 2px; border-radius: 10px;font-family :Poppins; font-size: 14px;font-weight: normal;color: rgb(255, 255, 255); line-height: 1; letter-spacing:1pxpx;" class="formbox-button_TNFWC">Suscribirse</div></fieldset></div>
</div>
<!-- BEGIN: Email Marketing By Benchmark Email --><p class="email-marketing-by-b"style="color: #555555; font-family: Helvetica; font-size: 10px; line-height: 12px; text-align: center; margin-top: 24px;"> <a href="https://www.benchmarkemail.com/email-marketing?utm_source=signupform&utm_campaign=fullembedform" target="_blank" style="text-decoration: underline; color: #555555;" rel="noopener">Email Marketing</a> <style="color: #555555; font-family: Poppins; font-size: 10px; line-height: 12px; text-align: center; margin-top: 24px;"> by Benchmark</p><!-- END: Email Marketing By Benchmark Email -->
</div>
</div>

<script type="text/javascript">
function CheckField_TNFWC(fldName, frm){var fldObj = document.getElementsByName(fldName);if ( fldObj.length > 1 ) { for ( var i = 0, l = fldObj.length; i < l; i++ ) { if ( fldObj[0].type == 'select-one' ) { if( fldObj[i].selected && i==0 && fldObj[i].value == '' ) { return false; } if ( fldObj[i].selected ) { return true; } } else { if ( fldObj[i].checked ) { return true; } }; } return false; } else { if ( fldObj[0].type == "checkbox" ) { return ( fldObj[0].checked ); } else if ( fldObj[0].type == "radio" ) { return ( fldObj[0].checked ); } else { fldObj[0].focus(); return (fldObj[0].value.length > 0); }} }
function rmspaces(x) {var leftx = 0;var rightx = x.length -1;while ( x.charAt(leftx) == ' ') { leftx++; }while ( x.charAt(rightx) == ' ') { --rightx; }var q = x.substr(leftx,rightx-leftx + 1);if ( (leftx == x.length) && (rightx == -1) ) { q =''; } return(q); }

function checkfield(data) {if (rmspaces(data) == ""){return false;}else {return true;}}

function isemail(data) {var flag = false;if ( data.indexOf("@",0) == -1 || data.indexOf("\\",0) != -1 ||data.indexOf("/",0) != -1 ||!checkfield(data) || data.indexOf(".",0) == -1 || data.indexOf("@") == 0 ||data.lastIndexOf(".") < data.lastIndexOf("@") ||data.lastIndexOf(".") == (data.length - 1) ||data.lastIndexOf("@") != data.indexOf("@") ||data.indexOf(",",0) != -1 ||data.indexOf(":",0) != -1 ||data.indexOf(";",0) != -1 ) {return flag;} else {var temp = rmspaces(data);if (temp.indexOf(' ',0) != -1) { flag = true; }var d3 = temp.lastIndexOf('.') + 4;var d4 = temp.substring(0,d3);var e2 = temp.length - temp.lastIndexOf('.') - 1;var i1 = temp.indexOf('@');if ( (temp.charAt(i1+1) == '.') || ( e2 < 1 ) ) { flag = true; }return !flag;}}

function focusPlaceHolder(obj) {
obj.className = "formbox-field_TNFWC"; }
function blurPlaceHolder(obj) {
if ( obj.value == '' ) { obj.className = "formbox-field_TNFWC text-placeholder"; } }
function isValidDate(year, month, day) {
if (year.toString() == '' || month.toString() == '' || day.toString() == '') { return false;} try { year = parseInt(year); month = parseInt(month); day = parseInt(day); } catch (e) { return false;} var d = new Date(year, month - 1, day, 0, 0, 0, 0); return (!isNaN(d) && (d.getDate() == day && d.getMonth() + 1 == month && d.getFullYear() == year));}var submitButton_TNFWC = document.getElementById("btnSubmit_TNFWC");
var subscribeScreen_TNFWC = document.getElementById("formbox_screen_subscribe_TNFWC");
var signupFormContainer_TNFWC = document.getElementById("signupFormContainer_TNFWC");
var signupFormLoader_TNFWC = document.getElementById("popupFormLoader_TNFWC");
function submit_TNFWCClick(){
var retVal = true; var contentdata = ""; var frm = document.getElementById("formbox_screen_subscribe_TNFWC");if ( !CheckField_TNFWC("fldfirstname_TNFWC", frm) ) {
alert("Por favor introduzca el Nombre");
retVal = false;}if ( !isemail(document.getElementsByName("fldemail_TNFWC")[0].value) ) {
alert("Por favor introduzca el Direcci\u00F3n de correo");
document.getElementById("fldemail_TNFWC").focus(); retVal = false;} if ( retVal == true ) {var frm = "_TNFWC"; var f = document.createElement("form"); f.setAttribute('accept-charset', "UTF-8"); f.setAttribute('method', "post"); f.setAttribute('action', "https://lb.benchmarkemail.com//code/lbform"); var elms = document.getElementsByName("frmLB" + frm)[0].getElementsByTagName("*");var ty = ""; for (var ei = 0; ei < elms.length; ei++) {ty = elms[ei].type; if (ty == "hidden" || ty == "text" || (ty == "checkbox" && elms[ei].checked) || (ty == "radio" && elms[ei].checked) || ty == "textarea" || ty == "select-one" || ty == "button") {elm = elms[ei]; if(elm.id != "") { var i = document.createElement("input"); i.type = "hidden"; i.name = elm.name.replace("_TNFWC", ""); i.id = elm.id; i.value = elm.value; f.appendChild(i); } } } document.getElementsByTagName('body')[0].appendChild(f);f.submit(); }
if(isemail(document.getElementById("fldemail_TNFWC").value) && window && window.JB_TRACKER && typeof window.JB_TRACKER.jbSubmitForm === 'function') {
window.JB_TRACKER.jbSubmitForm({
email: document.getElementById("fldemail_TNFWC").value, didSubmit: true
});
}

return retVal;} var bmePopupFormViewed_TNFWC = localStorage.getItem('bmePopupFormSignedUp1744926');
if ( bmePopupFormViewed_TNFWC != 'true') {
}
function debounce_TNFWC(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {timeout = null; if (!immediate) func.apply(context, args); };
var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); };
};
var hasVerticalCenter_TNFWC = document.getElementsByClassName('position-centered');
function verticalCenter_TNFWC(element) { if(element) { element.style.opacity = 0; element.style.display = 'block'; }
setTimeout(function () { if (hasVerticalCenter_TNFWC.length > 0) { var windowHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var formElement_TNFWC = document.getElementsByClassName('formbox-editor_TNFWC')[0]; var formHeight_TNFWC = formElement_TNFWC.clientHeight;
if (formHeight_TNFWC < windowHeight) { var newPosition = 0; newPosition = (windowHeight - formHeight_TNFWC) / 2; formElement_TNFWC.style.top = newPosition + 'px'; } else { formElement_TNFWC.style.top = '0px'; } }
if(element) { element.style.opacity = 1; }
}, 100);
}
if (hasVerticalCenter_TNFWC.length > 0) { var resizeEvent_TNFWC = debounce_TNFWC(function() { verticalCenter_TNFWC(); }, 250); window.addEventListener('resize', resizeEvent_TNFWC); }

</script>

<!-- END: Signup Form Popup Code from Benchmark Email Ver 4.0 -->

Hola Leonardo,

Es posible que por esas modificaciones que realizaste no esté funcionando de forma correcta? en este caso te recomendamos que consultes con soporte de Benchmark, ya que es un código personalizado por esa plataforma y modificado por ti, por lo que no podemos verlo en foro, puesto que no tratamos códigos personalizados.

Quizás podrías descartar un problema directo con el código que presentas y utilizar uno básico sin modificar y probar si ese funciona.

Un saludo 🖐️ 

@argenis Buenos días, estoy preocupado porque me comuniqué con el soporte de Benchmark y me dijeron dos cosas, una que ellos tomaron el código original y dicen que si funciona, por otra parte, me dicen esto:

Con el tema de tu codigo, no podemos revisar algo que nuestros clientes modifican, el codigo original funciona perfectamente, todo cambio o modificacion al codigo html /css lo tienes que revisar tu ò tu administrador de tu sitio web el cual podrà identificar y corregir.

Me parece falta del equipo de soporte que no pueda revisar detenidamente el código que ellos me dieron cuando lo único que hice fue modificar el código CSS, no toqué más nada. No quisiera tomar el código original porque su apariencia (diseño) es demasiado pobre, por eso quisiera tenerlo como se encuentra actualmente, por favor, me gustaría que ustedes me ayudaran, lo único que hice fue modificar colores, tipografía y bordes, no toqué nada de funcionamiento u otras cosas, por eso me parece absurdo por parte de ellos que me hayan respondido de esa manera. ¿Podrían ayudarme?

Hola Leonardo.

No podemos ponernos a revisar todo el código, aunque sea un código estándar no deja de ser un código personalizado que crean ellos y en el foro no damos soporte a código de terceros.

Lo que puedes hacer es utilizar el código original y ver si funciona, si funciona realiza las modificaciones de estilos pero en vez de hacerlo directamente en el modulo de codigo lo realizas desde apariencia -> Personalizar -> CSS Adicional.

Si quieres una revisión más profunda del código puedes ponerte en contacto con algún colaborador:

-> https://www.webempresa.com/directorio-colaboradores.html

Un saludo