Ir al contenido principal

NEW- Formularios online: crear, insertar en web y diagnosticar errores en formularios

Aprende todo sobre formularios online: tipos de formularios, configuraciones clave y cómo diagnosticar y resolver errores comunes para optimizar la captación de leads.

Escrito por Juan Sebastian Quintero


Índice:

  1. Tipos de formulario en Clientify
    1.1 Por ubicación
    1.2 Por estructura

  2. Cómo crear un formulario en Clientify

  3. Cómo insertar formularios externos a Clientify: usa la araña
    3.1 Requisitos del formulario para que la araña funcione
    3.2 La araña deja de funcionar tras actualizar la web
    3.3 Errores frecuentes de la araña
    3.4 ¿Por qué no llegan contactos de la araña?

  4. Diferencias entre formulario y Widget de Whatsapp

1. Tipos de formulario

Los formularios de Clientify se clasifican en dos dimensiones:

1.1 Por ubicación

  • Embebido: se integra directamente en el cuerpo de una página web.

  • Popup: aparece como ventana emergente sobre la página.

1.2 Por estructura

  • Simple: todos los campos aparecen en pantalla de una sola vez.

  • Dos pasos: la misma funcionalidad se divide en dos tramos, mostrando los campos en dos pantallas consecutivas.

2. Crear un formulario

El constructor de formularios permite añadir tres categorías de bloques:

  • Bloques de contacto: nombre, email, teléfono.

  • Elementos: texto, imágenes, vídeos, barra de progreso, cuenta atrás.

  • Empresa: nombre de empresa, sector, número de empleados.

Una vez publicado el formulario, se genera un script que puedes copiar y usar de dos formas:

  • Puedes compartirlo mediante enlace directo.

  • Puedes insertar el código en tu web (modo embebido) para que aparezca dentro de la página.

Recuerda que también puedes configurar:

  • Analítica, para tener las métricas

  • Privacidad y consentimiento: para asegurar que cumples con la Política de privacidad, GDPR, etc.

  • Doble opt-in: El doble opt-in sirve para que una persona confirme que de verdad quiere recibir tus emails, y así asegurarnos de que solo se quedan en la lista los contactos realmente interesados.
    Si una persona confirma de verdad que quiere recibir tus correos, se reduce el riesgo de spam, mejora la calidad de tu base de datos porque están solo los contactos realmente interesados (primero deja su email en un formulario y luego recibe un correo para validar que ese registro es suyo) y da más seguridad legal y de consentimiento.

⚠️ Nota importante: Si modificas un campo personalizado (por ejemplo, una lista desplegable), debes eliminar ese campo del formulario y volver a añadirlo para que los cambios surtan efecto.


3. Insertar formularios externos con la araña

La araña te permite capturar los envíos de formularios que ya tienes en tu web (que no son nuestros sino por ejemplo de Contact Form 7 o cualquier otro), sin necesidad de sustituirlos por formularios de Clientify. Lo ideal es que tengas los nuestros, pero a veces, eso no es posible, asi que una araña te ayuda a traer esos contactos que rellenan el formulario, al CRM Clientify.

Cómo funciona técnicamente

La araña localiza el formulario en el DOM de la página (la web que ves en pantalla es la página; el DOM es la versión interna que el navegador usa para poder trabajar con ella), captura los valores de los campos mediante su atributo name, escucha el evento de envío y envía los datos a Clientify.

3.1 Requisitos del formulario para que la araña funcione

  • El campo de email debe estar 'mapeado' en la configuración.
    (qué significa 'mapeado': si tienes varios campos de un contacto, el “mapeo” le dice al sistema cuál de ellos corresponde al email. Por ejemplo, si el formulario recibe estos datos:

    • Nombre

    • Apellido

    • Teléfono

    • Correo

    Mapear el campo de email es dejar configurado que:
    “Correo” = campo email )
    ¿Para qué sirve?

    • Para identificar correctamente a cada contacto.

    • Para evitar errores al importar o sincronizar datos.

    • Para que los emails se envíen o guarden en el campo correcto.

  • El formulario debe estar dentro de etiquetas <form>.

  • El botón de envío debe ser de tipo type="submit".

  • Todos los campos que quieras capturar deben tener atributo name.

  • El script de Clientify debe colocarse antes de </body>.

  • El formulario debe existir desde el primer renderizado de la página (no es compatible con SPA, iframes, ni scripts que intercepten el evento de envío).

  • No debe haber plugins de caché agresivos que bloqueen la ejecución del script.

3.2 La araña deja de funcionar tras actualizar la web

La araña detecta el formulario por su posición en el DOM. Si añades un nuevo formulario a la página y cambia la posición del formulario original, la conexión se rompe. La solución es:

  1. Ve a la configuración de la araña.

  2. Haz clic en Re-tejer red sobre la URL de la página.

  3. Vuelve a seleccionar el formulario.

  4. Re-mapea todos los campos.

  5. Haz clic en Guardar y Continuar.

3.3 Errores frecuentes de la araña

  • No captura envíos: verifica que el formulario cumple todos los requisitos técnicos de la lista anterior.

  • Problema de caché: crea una araña nueva desde cero.

  • Scripts que bloquean el envío: usa el modo Click en botón en lugar del evento de envío estándar.

  • Campos de multiselección: no están soportados por la araña ya que el cliente podría marcar múltiples opciones en un solo campo .Aquí un ejemplo de uno:

  • Mapeos duplicados: no están permitidos en Clientify 2.0. Por ejemplo no puedes mapear dos veces un campo.

  • Formulario dinámico o generado por JavaScript (SPA): no es compatible. En ese caso, se recomienda usar los formularios nativos de Clientify.

3.4 ¿Por qué no llegan contactos de la araña?

Si los contactos no están llegando, comprueba estos 5 puntos en orden:

  1. ¿El script está instalado correctamente antes de </body>? Aquí un ejemplo

    <script type="text/javascript" src="https://api.clientify.net/web-marketing/webforms/external/script/273108.js"></script>
    </body>


  2. ¿Has alcanzado el límite de contactos de tu plan? → Elimina contactos o contrata más.


  3. ¿Añadiste un nuevo formulario a la página y cambió la posición del original? → Crea una araña nueva

  4. ¿El evento "Enviar formulario" no funciona? → Cambia al modo Click en botón en la configuración de la araña.


    Ahora, prueba a rellenar y enviar el formulario tú mismo para comprobar si aparece el contacto.


4. Diferencias entre formulario y Widget de Whatsapp

Formularios online:


Widget de Whatsapp:

Aspecto

Formularios online

Widget de WhatsApp

Tipo de interacción

Estructurada: el usuario rellena los campos y envía un formulario

Conversacional: el usuario inicia un chat por WhatsApp

Experiencia de usuario

Más tradicional, todos los campos visibles desde el inicio

Más natural e inmediata, es tipo conversación

Velocidad de conversión

Depende de la disposición del usuario a completar el formulario

Generalmente más rápida por la interacción directa

Captación de datos

Datos completos en un solo envío

Puede ser progresiva durante la conversación o con formulario previo

Objetivo principal

Recoger información estructurada (leads, registros, solicitudes)

Iniciar conversación y facilitar la atención inmediata

Integración con CRM

Envío directo de datos al CRM

Registro del contacto y conversaciones en el CRM

Automatización

Dispara workflows tras el envío del formulario

Dispara automatizaciones desde el inicio del chat o eventos del contacto

Casos de uso

Formularios de contacto, registros, descargas, presupuestos

Atención al cliente, soporte, ventas asistidas, cierre rápido

Nivel de fricción

Medio (requiere completar varios campos)

Bajo (solo iniciar conversación)

Mejor para…

Captación estructurada y cualificación previa

Conversión rápida y atención personalizada


Este artículo consolida el contenido de: 10307869 (tipos de formulario — ARCHIVAR), 10307847 (crear formulario — ARCHIVAR), 9014655 (araña tras actualizar web — ARCHIVAR), 12135780 (errores araña — ARCHIVAR), 11205176 (por qué no llegan contactos araña — ARCHIVAR), 8723228 (superformulario vs encuesta — ARCHIVAR), 6607583

¿Ha quedado contestada tu pregunta?