Urgente: campo de telefono quiero que los clientes puedan ingresar solo 10 numeros

Español
1

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.

2

Hola @Reynaldo_Navarro por favor sigue los pasos a continuacion:

  1. Navega al editor de la página de tu formulario de pago en Funnelish.
  2. Abre el menú de Códigos Personalizados haciendo clic en los tres puntos (más acciones).

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

  1. Guarda los cambios

  2. Por ultimo, haz click en el BOTON de CONFIRMAR COMPRA > ADVANCED y agrega el ID submitButton como figura a continuacion:

2024-11-25 at 18.36
2024-11-25 at 18.361605×791 137 KB

  1. 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
3

Hola!

Les queremos contar sobre la actualización que lanzamos para el campo de “teléfono“ en el formulario de checkout: ahora incluye un selector de código de país! :raising_hands:

En la vista previa del checkout, los clientes podrán:

  • Ver un menú desplegable de países junto al campo de teléfono.

  • Ver su país preseleccionado automáticamente según su ubicación.

  • Ingresar su número en un formato internacional estandarizado.

image
image736×792 41.1 KB

¿Por qué es importante?

Esta actualización te ayuda a:

:white_check_mark: Recopilar números de teléfono completos (con código de país)

:white_check_mark: Mejorar la tasa de entrega de SMS (Klaviyo, aplicaciones de SMS, etc.)

:white_check_mark: Reducir las entregas fallidas o los números inválidos

:white_check_mark: Vender más fácilmente en varios países

Ya no tendrás que adivinar de dónde proviene un número ni corregir problemas de formato posteriormente NI USAR CÓDIGO!

¿Qué notarás?

  • No hay cambios visibles en el editor.
  • La actualización solo es visible en la vista previa del checkout.

¿Qué debes hacer’?

Para activar esto en tus embudos solo tienes que seguir estos pasos:

1- Ve al editor de tu checkout

2- Asegúrate de que el tipo de entrada (INPUT TYPE) del campo del número de teléfono esté configurado como NUMBER, como se muestra a continuación:

2026-03-20 at 09.32
2026-03-20 at 09.321079×645 58.7 KB

3- Haz click en SAVE CHANGES y listo!

Una vez guardado nuevamente, el menú desplegable del código de país aparecerá automáticamente para sus clientes.

Todos los nuevos checkouts incluirán esta función por defecto, sin necesidad de configuración adicional.

:newspaper: Aquí pueden ver nuestro posteo original con todas las novedades que hemos lanzado:

1 Like