Avisos
Vaciar todo

Problemas con el Formulario de Contacto  

 
Leonardo
 Leonardo
Usuario experto

Buenos días, he tratado de integrar un código HTML de un Formulario de Contacto creado en Benchmarkemail ( https://www.benchmarkemail.com/es/) en el Footer de mi sitio web https://www.tiendaparaemprendedores.com/ lo he personalizado hasta obtener la apariencia que se encuentra en las imágenes adjuntas al lado derecho, recuadro rojo. El problema es que al probar el formulario y rellenar los datos en Modo Incógnito y hacer clic en Suscribirse, me salen 2 notificaciones, una sobre el Nombre y otra sobre el Correo Electrónico como les muestro en las imágenes adjuntas. No entiendo el por qué si todo lo hice correctamente, he tratado de enviar el código que integré con sus personalizaciones pero no se muestran aquí, incluso, inicié sesión en Benchmarkemail y esos campos están bien configurados. Si desean acceso a mi WordPress, los daré con gusto. Espero puedan ayudarme a solucionar estos dos problemas. Gracias.

 

WhatsApp Image 2022 12 27 at 10.40.40 AM(1)
WhatsApp Image 2022 12 27 at 10.40.40 AM

Contenido solo visible a usuarios registrados

Citar
Respondido : 27/12/2022 2:57 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 27/12/2022 3:20 pm
Leonardo me gusta

Cursos Gratuitos WordPress

Leonardo
 Leonardo
Usuario experto

@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.

26
23
24
25
22
21
20
18
17
19
16
13
15
14
11
8
9
10
12
7
5
4
3
2
6
1

 a.

ResponderCitar
Respondido : 27/12/2022 4:03 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 27/12/2022 4:15 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Leonardo
 Leonardo
Usuario experto

@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.

ResponderCitar
Respondido : 27/12/2022 6:33 pm
Leonardo
 Leonardo
Usuario experto

@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 -->

ResponderCitar
Respondido : 27/12/2022 6:35 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 27/12/2022 6:36 pm
Leonardo me gusta
Leonardo
 Leonardo
Usuario experto

@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?

ResponderCitar
Respondido : 04/01/2023 2:07 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

 

 

ResponderCitar
Respondido : 04/01/2023 2:46 pm