Buenas tardes apreciados desarrolladores. Mi problema es el siguiente:
PROBLEMA: En el primer paso del checkout hay un campo para teléfono, el código debe debe tener las siguientes características importantes:
1- Que se puedan escribir solo números.
2- Que solo puedan escribir 10 números.
3- Que no se puedan escribir menos de 10 o más de 10 números.
4- Necesito que sea un campo obligatorio para ir al paso dos del checkout
Agradezco su ayuda URGENTE porque en el centro de ayuda al cliente de Funnelish no me pueden ayudar, ésa fue la respuesta de Funnelish.
Esto es para un cliente que usa ésta plataforma para vender y está considerando seriamente cambiar de plataforma para crear sus funnels.
Hola @Reynaldo_Navarro por favor sigue los pasos a continuacion:
- Navega al editor de la página de tu formulario de pago en Funnelish.
- Abre el menú de Códigos Personalizados haciendo clic en los tres puntos (más acciones).
- Coloca este código dentro de la pestaña Body HTML
<script>
document.addEventListener('DOMContentLoaded', function () {
var submitButton = document.getElementById('submitButton');
// Agregar el evento en la fase de captura
submitButton.addEventListener('click', function(event) {
var inputTelefono = document.getElementsByName('phone')[0];
var telefono = inputTelefono.value;
var patronTelefonoColombia = /^3\d{9}$/;
if (!patronTelefonoColombia.test(telefono)) {
alert('Por favor ingrese un número de teléfono válido en Colombia (10 dígitos y comienza con 3).');
event.stopImmediatePropagation(); // Detiene la propagación del evento
}
}, true); // True indica que el evento se maneja en la fase de captura
});
</script>
-
Guarda los cambios
-
Por ultimo, haz click en el BOTON de CONFIRMAR COMPRA > ADVANCED y agrega el ID submitButton como figura a continuacion:
- Guarda los cambios y listo.
Para que el código funcione recuerda que debes tener tu dominio propio conectado a tu embudo, si estás con el subdominio de funnelish (por ejemplo demo.funnelish.com) no cargará
1 Like
