Diseña formularios de HubSpot que funcionen como Flows

Cada campo de tu formulario de HubSpot se convierte en un componente de un WhatsApp Flow, y Meta limita cuánto texto de etiqueta puede mostrar cada componente. Las etiquetas que superan el límite se recortan en el teléfono del cliente, sobre todo en iPhone. El Flow se publica igualmente y las respuestas llegan a HubSpot correctamente. La única consecuencia es visual, y por eso es fácil pasarlo por alto hasta que un cliente real abre el formulario. Esta página explica cómo crear formularios de HubSpot que se lean bien en cualquier dispositivo. Para saber cómo un formulario se convierte en un Flow, consulta Flows.

​

Versión resumida

​

Qué les ocurre a las etiquetas de tus campos

Cada tipo de campo de HubSpot se corresponde con un componente de WhatsApp Flow, y cada componente tiene su propio límite de etiqueta. Los campos más usados son los más ajustados. Las etiquetas de las opciones de un desplegable, un grupo de botones de opción o un grupo de casillas admiten 30 caracteres cada una. El texto de ayuda, el texto de marcador de posición y las descripciones de las opciones de HubSpot no se trasladan a WhatsApp, así que cada palabra que necesite el cliente debe estar en la etiqueta, en las opciones o en un elemento de texto enriquecido. El texto enriquecido solo se convierte en encabezado cuando todo el elemento es un único encabezado H1, H2 o H3 de 80 caracteres o menos. Todo lo demás se convierte en texto de cuerpo, que conserva negritas, cursivas, enlaces y listas.

​

Por qué se ve bien en un teléfono y mal en otro

Los recuentos de caracteres anteriores son una guía, no un umbral exacto. Lo que realmente decide si una etiqueta se recorta es cuánto espacio le queda al texto después de que el dispositivo reserve su parte para el relleno, la flecha de un desplegable y el tamaño de letra configurado por el cliente. Eso varía mucho. La misma pregunta de 33 caracteres puede mostrarse completa en un móvil Android, perder la última palabra en otro y cortarse a mitad de palabra en dos líneas en un iPhone. Las consecuencias prácticas:

• iPhone es la superficie más estricta. Diseña para él y el resto lo seguirá.
• Probar en un solo dispositivo no basta. Un formulario que se ve bien en tu propio teléfono puede seguir apareciendo recortado para una gran parte de tu audiencia.
• Los alfabetos no latinos y los caracteres anchos se quedan sin espacio antes. Si recopilas datos en árabe, hindi, tailandés o turco, considera generosos los recuentos de caracteres anteriores y apunta a textos más cortos.

​

Elegir el tipo de pregunta adecuado

La mayoría de los problemas de recorte vienen de usar un desplegable donde un desplegable nunca fue el control adecuado.

​

Escribir etiquetas que quepan

Un WhatsApp Flow es una conversación, no un formulario en papel. Las etiquetas cortas se leen mejor aquí incluso donde hay espacio para más. Algunas reglas para mantener las etiquetas ajustadas sin perder significado:

• Elimina las fórmulas de cortesía. “Selecciona tu” y “¿Cuál es tu?” no aportan nada en un teléfono.
• Usa un sustantivo, no una pregunta, siempre que la respuesta sea obvia por las opciones.
• Pon los detalles adicionales en un elemento de texto enriquecido encima del campo. El texto de ayuda y las descripciones de las opciones no aparecen en WhatsApp.
• Pon el contexto compartido en un encabezado de texto enriquecido al principio del formulario en lugar de repetirlo en cada etiqueta.

​

Ponle al formulario un nombre pensado para tus clientes

El nombre del formulario de HubSpot se convierte en el título de la parte superior de la pantalla de WhatsApp, así que los clientes lo ven. Usa un nombre corto y centrado en la tarea, como “Solicitar una llamada”, en lugar de un nombre interno como “Formulario de contacto web v3”. Las buenas prácticas de Flows de Meta recomiendan usar mayúscula solo al principio en los títulos de pantalla. Elige el nombre antes de sincronizar. Flowella usa el nombre del formulario para encontrar el Flow en Meta, así que cambiar el nombre del formulario más adelante crea un Flow nuevo, y las plantillas que ya hayas creado siguen abriendo el antiguo. Consulta Flows.

​

Usa una copia del formulario exclusiva para WhatsApp

El Flow y tu sitio web usan el mismo formulario de HubSpot. Las etiquetas más cortas, un nombre de formulario pensado para el cliente y el texto de las preguntas en texto enriquecido también cambian el formulario de tu sitio web. Para diseñar para WhatsApp sin afectar a tu sitio web, haz una copia del formulario en HubSpot y sincroniza la copia. La copia tiene los mismos campos, así que las respuestas llegan a las mismas propiedades del contacto. Los workflows que esperan Form Completed deben filtrar por el nombre del formulario copiado.

​

Cuando la pregunta realmente tiene que ser larga

Algunas preguntas no se pueden acortar sin cambiar lo que preguntas. Una pregunta de cualificación, una pregunta de consentimiento o cualquier cosa con un requisito de redacción legal necesita su texto completo. En estos casos, pon la pregunta encima del campo y deja la etiqueta del campo al mínimo: El resultado se lee como una pregunta con un control de respuesta debajo, que es lo que esperan los clientes. El texto enriquecido tiene mucho más espacio que una etiqueta: hasta 4.096 caracteres como texto de cuerpo. Después de cambiar un formulario en HubSpot, selecciona Sync WA Flow en la página Flows para publicar el cambio.

​

Cuántas preguntas hacer

La tasa de finalización cae bruscamente a medida que los formularios se alargan, y WhatsApp es una superficie más impaciente que una página web.

• Tres o cuatro preguntas por formulario es un buen objetivo para un primer contacto. Pregunta el resto más adelante en la conversación.
• Una tarea por formulario. Flowella construye cada formulario como una sola pantalla, seguida de una pantalla de agradecimiento. Si recopilas una dirección y una preferencia de entrega, usa dos formularios.
• Diez opciones por pantalla como máximo. Meta recomienda no más de 10 opciones por pantalla. Si hay más, los clientes dejan de leer y empiezan a adivinar.
• Cinco aceptaciones y un selector de fotos por pantalla. Son límites de Meta. Tanto las casillas de verificación únicas como las casillas de consentimiento cuentan como aceptaciones, y cada campo de carga de archivos se convierte en un selector de fotos. Un formulario que supere cualquiera de los dos límites no se sincroniza.
• Los campos condicionales siempre se muestran. WhatsApp muestra a todo el mundo los campos dependientes de HubSpot, justo después de su campo principal. Si un campo dependiente es obligatorio, todos los clientes tienen que responderlo, así que haz que los campos dependientes sean opcionales o no los incluyas.
• Divide los formularios largos en dos. Un formulario corto de cualificación seguido de un segundo formulario suele funcionar mejor que uno largo, y te permite ramificar según la primera respuesta.

Consulta Captación y cualificación de leads para ver un ejemplo práctico del patrón de dos formularios.

​

Antes de sincronizar

​

Relacionado

Meta publica las restricciones subyacentes en su propia documentación. Para la referencia completa de componentes, consulta Componentes de WhatsApp Flows, y para las pautas de diseño de Meta consulta Buenas prácticas de Flows.