Los bloques y campos de formularios
Qué aprenderás
Descubre cómo usar varios bloques de contenido del editor de formularios (es decir, elementos y campos de entrada) en tu formulario de registro para personalizar su apariencia y el tipo de información que recopilas de los suscriptores.
Acerca de la pestaña Añadir bloques
En el editor del formulario de registro, haz clic en la pestaña Añadir bloques para ver los diferentes bloques de contenido que puedes añadir al formulario.
Hay 2 categorías de bloques diferentes:
- Elementos
- Campos
Cuando arrastras y sueltas un bloque en la vista previa del formulario, aparecerán opciones de edición en la barra lateral izquierda. Desde aquí puedes ajustar el texto de detalles del bloque, incluido el texto y el estilo. En la parte inferior de este menú de edición, también puedes configurar los ajustes de Visibilidad del bloque para controlar si se muestra en todos los dispositivos, solo en ordenador o solo en móvil. Más información sobre los bloques dinámicos en formularios.
Si estás creando un formulario de registro solo para móviles, consulta conceptos básicos: diseño de formularios para móviles.
Prácticas recomendadas al añadir bloques de contenido a los formularios
Si piensas incluir varios bloques y campos para pedir a los visitantes de tu sitio varios datos (p. ej., cumpleaños, dirección de email, número de teléfono, etc.) en tu formulario, usa un formulario de varios pasos. Los formularios de varios pasos pueden ayudarte a conocer mejor a tus visitantes y recopilar su consentimiento en varios canales, sin abrumarlos con demasiados campos a la vez.
Si quieres solicitar tanto el email como el número de teléfono en tu formulario, una práctica recomendada para el crecimiento de listas y el cumplimiento es incluir estos campos en 2 pasos diferentes.
Elementos del formulario
Los elementos del formulario de registro añaden contenido a tu formulario, como texto, botones, imágenes y cupones. Estos bloques informan al visitante sobre el propósito de tu formulario de registro y permiten interactuar con él.
Bloque de texto
Los bloques de texto te permiten insertar contenido de texto en tu formulario, como un encabezado, instrucciones u otro texto de visualización. El editor de formularios de Klaviyo utiliza el estándar de codificación UTF, lo que significa que admite caracteres latinos, emojis, caracteres de doble byte y más. Además, puedes añadir una imagen en línea con la opción de entrada de URL de la imagen.
Bloque de botón
Los bloques de botón te permiten recopilar y guardar información en Klaviyo sobre quienes envían tu formulario. Un botón puede permitir que el espectador cierre o envíe el formulario, dirigirlo a una página diferente de tu sitio web o suscribirlo a la mensajería SMS.
Elige 1 de las siguientes acciones para tu botón:
- Cerrar formulario
El formulario se cerrará y los datos no se enviarán a Klaviyo. - Enviar formulario
Los campos del formulario que el visitante haya completado se enviarán a Klaviyo, y el formulario avanzará en función de la opción que selecciones en el campo Después de enviar (ya sea Mostrar siguiente paso, Ir a la URL o Cerrar formulario). - Ir a URL (Redirigir a una página diferente)
El visitante será redirigido a la URL que proporciones y los datos de los campos del formulario no se enviarán a Klaviyo. Al introducir tu URL de destino, usa la URL completa, incluido https:// (por ejemplo, usa https://help.klaviyo.com/hc/es-es en lugar de help.klaviyo.com/hc/en-us).
La acción Ir a URL no funcionará con una URL incompleta.
- Suscribirse a través de SMS
Puedes configurar esta opción en formularios solo para móviles o en la vista para móviles del paso de aceptación de SMS para formularios dirigidos a todos los dispositivos. Permite a los visitantes suscribirse a SMS con solo unos toques (tocar para enviar un mensaje). Cuando un visitante hace clic en un botón Suscribirse a través de SMS, aparecerá su aplicación de mensajería de texto con un mensaje ya escrito que puede enviar para suscribirse.- Selecciona una palabra clave en el menú desplegable Subscribe Keyword. Esta es la palabra que alguien debe enviar por SMS a tu número de destino para que se le añada a la lista de suscripción por SMS de tu cuenta, y se configura a nivel de cuenta.
- Configura un mensaje de confirmación de registro, que se rellenará en su aplicación de mensajería. De forma predeterminada, dice «Envía este texto para suscribirte a <organization_name>», pero puedes personalizar el contenido del mensaje. Este campo permite solo hasta 160 caracteres GSM-7 (1 mensaje). Los caracteres especiales, incluidos los emojis, no son válidos.
- Elige el número adecuado en Región de envío si operas en varias regiones y tienes más de 1 número de envío.
Cambiar la lista a la que se envía un formulario de registro
Puedes cambiar la lista a la que se envían los datos de tu formulario (es decir, la lista en la que se recopilan los nuevos suscriptores) en la configuración del botón. Para cambiar la lista de envío de un formulario:
- Haz clic en el botón dentro del editor de formularios.
- En el menú que aparece a la izquierda, selecciona la lista nueva en Lista para enviar.
- Haz clic en Atrás en la barra lateral de edición.
- Si estás satisfecho con el contenido de tu formulario, haz clic en Publicar. Aunque tu formulario ya esté activo, debes publicar los cambios para que los nuevos suscriptores se recopilen en la lista que acabas de seleccionar.
Enviar campos ocultos
Los campos ocultos son propiedades adicionales que se añadirán al perfil de un suscriptor en Klaviyo. Esto te permite hacer un seguimiento de los visitantes que interactúan con tu formulario. De forma predeterminada, todos los formularios tienen una propiedad $source como campo oculto, que identifica cómo se añadieron a tu lista.
Esta opción solo está disponible para botones con una Acción configurada como Enviar formulario.
Puedes personalizar la propiedad $source y otros nombres de propiedades. Al igual que ocurre con otras entradas de los formularios, si añades campos ocultos para propiedades que ya existen en el perfil de alguien, se sobrescribirán con el nuevo valor cuando envíen el formulario. Por ejemplo, supongamos que tu formulario recopila preferencias de colección y que un cliente ha seleccionado anteriormente que le interesa tu colección de hombre. Si este formulario tiene un campo oculto para el interés en tu colección de mujer, entonces la propiedad de preferencias se sobrescribirá cuando se haga clic en el botón (es decir, de hombre a mujer).
Para añadir una nueva propiedad oculta, selecciona Añadir una propiedad.
Bloque de imagen
Los bloques de imagen te permiten añadir una imagen a tu formulario (p. ej., tu logotipo). Puedes usar este bloque para añadir imágenes que se ajusten al aspecto de tu marca.
Se aceptan archivos JPEG, PNG y GIF. Al igual que ocurre con todas las imágenes que se ven en la web, los archivos de mayor tamaño ralentizan los tiempos de carga. Procura que el archivo tenga un tamaño de 50-100 KB para un rendimiento óptimo.
También puedes añadir una imagen de fondo o una imagen lateral en la pestaña Estilos del editor de formularios.
Bloque de cupón
Añade un bloque de cupón para incentivar a los visitantes de tu sitio a enviar tu formulario de registro y usa el cupón incluido para hacer una compra en tu sitio.
Puedes añadir códigos de cupón estáticos o de cupón único a un formulario. Las prácticas recomendadas de Klaviyo sugieren mostrar estos códigos en el paso Éxito, para que los compradores no tengan que salir de tu sitio web para obtener el código. Encontrarás más información en este artículo sobre cómo añadir códigos de cupón a los formularios de registro para conocer más detalles sobre la configuración.
bloque de publicación de SMS
El texto informativo de SMS debe colocarse encima de un botón de aceptación de SMS para ayudar a mantener el cumplimiento de SMS. Obtén más información sobre el texto informativo de SMS.
Temporizador de cuenta atrás
Los temporizadores de cuenta atrás pueden añadir una sensación de urgencia a tu formulario de registro, y a menudo se combinan con promociones especiales o mensajes festivos. Más información sobre añadir temporizadores de cuenta atrás a los formularios.
Bloque con contador de registros
Añade un bloque de contador de formularios de registro para mostrar recuentos de envío en tiempo real (p. ej., «¡500 personas se han registrado para acceder a estas ofertas en la última hora!») en tu formulario para impulsar las conversiones y acelerar el crecimiento de la lista. Este bloque usa la prueba social para crear una sensación de urgencia e impulsar a los visitantes del sitio a suscribirse.
Cuando añadas un bloque de contador de registro a un formulario, puedes configurar los siguientes ajustes:
- Ajustes de visualización
Determina cómo se contabilizan los registros. Ten en cuenta que un suscriptor debe llegar al paso de éxito del formulario:- Registros en los últimos 30 días
- Registros en los últimos 7 días
- Registros en las últimas 24 horas
- Registros en la última hora
- Mostrar después de __ envíos
Determina el número mínimo de envíos necesarios para que aparezca el bloque.
El bloque permanecerá oculto para los visitantes del sitio hasta que se supere el número mínimo de envíos. Cuando se cumpla el número mínimo de envíos (p. ej., 200 envíos), el bloque se mostrará en tu formulario.
El texto predeterminado reflejará los ajustes de Visualización que hayas seleccionado. Aunque este texto se puede configurar, no elimines la etiqueta {{ form_submit_count }}, ya que muestra el recuento de registros en tiempo real.
Campos
Los campos de entrada te permiten recopilar información de los visitantes del sitio, como su dirección de email, nombre o fecha de nacimiento.
Todos los campos de entrada deben estar conectados a una propiedades de perfil, que se utiliza para almacenar los datos que envía cada suscriptor. Cuando añadas un campo a tu formulario, selecciona una propiedad existente en el menú desplegable propiedades de perfil o crea una nueva escribiendo un nuevo nombre de propiedad y haciendo clic en Crear opción.
A menos que se especifique lo contrario, las entradas de estos campos se almacenarán en la página de perfil de cada persona.
No se recomienda actualizar las propiedades de perfil personalizadas en Klaviyo que se hayan sincronizado a través de una integración (p. ej., etiquetas de Shopify), ya que se sobrescribirán la próxima vez que la integración se sincronice.
Campo de entrada de email
Los campo de entrada de email permiten a los visitantes introducir sus direcciones de email y suscribirse a la lista conectada al formulario. Un formulario solo puede tener 1 entrada de email, y debe aparecer en uno de los pasos del formulario, no en el mensaje de éxito.
Campo de número de teléfono
Si añades un campo de número de teléfono, de forma predeterminada se recopilará el consentimiento para enviar SMS promocionales, lo que te permite enviar cualquier mensaje SMS. Este bloque valida los números de teléfono enviados para garantizar que se almacenen en un formato de número aceptable. Si aún no lo has hecho, habilita los SMS si vas a recopilar el consentimiento para enviar SMS, y configura el texto de divulgación para incluirlo en cualquier lugar en el que recopiles el consentimiento para enviar SMS.
Si es necesario, puedes ajustar el tipo de consentimiento de SMS que recopila el formulario; pero asegúrate de que el texto de divulgación coincide con el tipo de consentimiento e incluye ejemplos de los tipos de mensajes que enviarás para que cada suscriptor entienda lo que está aceptando.
También puedes usar bloques dinámicos al recopilar el consentimiento por SMS para garantizar que los compradores vean el mejor método para registrarse.
Campo de entrada de texto
Los campos de entrada se usan para recopilar información que no necesita seguir un formato específico (como fechas o direcciones de email) y cuando no tiene sentido ofrecer una lista predeterminada de opciones. Ten en cuenta que la segmentación y el filtro de flujo distinguen entre mayúsculas y minúsculas y son sensibles a la ortografía. Considera otros tipos de campos si piensas usar estos datos para segmentación o filtrado.
Un caso de uso común de los campo de entrada de texto es recopilar los nombres de los suscriptor. Para añadir un campo de nombre, usa «First name» como la etiqueta o el texto de marcador de posición, y selecciona First Name como las propiedades de perfil.
Botones de radio
Los botones de opción ofrecen una lista predefinida de opciones, de las que los suscriptores solo pueden seleccionar 1. Son útiles para recopilar información como el género o el rango de edad.
El campo propiedades de perfil debe contener el nombre que te gustaría usar para esta propiedad. Por ejemplo, si tu formulario pregunta a los visitantes si prefieren café o té, usa una propiedad de perfil personalizada como «Elección de bebida».
Usa la columna Etiquetas de la sección Opciones de propiedades para añadir las opciones entre las que pueden elegir tus suscriptores. Luego, añade los valores correspondientes en la columna Valores. Estos valores se almacenarán en el perfil de cualquier persona que rellene el formulario, así que considera usar una versión abreviada de la respuesta que sea fácil de consultar.
Si las etiquetas de opciones son «Tea drinker» y «Coffee drinker», los valores podrían ser «tea» y «coffee», respectivamente.
Cuando un suscriptor responde a una pregunta de botón de opción, su respuesta se almacenará como un tipo de dato de cadena.
Varias casillas de verificación
Las casillas de verificación múltiples ofrecen una lista de opciones, y los suscriptores pueden seleccionar tantas opciones como quieran. Las casillas de verificación múltiples son útiles para recopilar información sobre preferencias, áreas de interés, información demográfica y cualquier pregunta en la que un suscriptor deba poder seleccionar más de 1 opción.
Al igual que un campo de botón de opción, el campo de casillas de verificación múltiples requiere una propiedad de perfil, un conjunto de etiquetas y un conjunto de valores.
Cuando un suscriptor responde a una pregunta con varias casillas de verificación, su respuesta se almacenará como un tipo de datos de lista, independientemente de cuántas opciones seleccione.
Campo de fecha
Los campos de fecha son la mejor forma de que los suscriptores introduzcan valores de fecha, que luego pueden usarse para la segmentación o para activar flujos basados en fechas.
Por ejemplo, puede que quieras recopilar los cumpleaños de los suscriptores para poder enviarles un código de cupón a través de un flujo el día de su cumpleaños. En este caso, añadirías el campo de fecha y configurarías la propiedad de perfil correspondiente como birthday. Si te interesa recopilar información de fecha sobre un cliente, utiliza un bloque de fecha para asegurarte de que las fechas tienen el formato correcto.
Tienes la opción de personalizar cómo se introducen las fechas en el formulario (p. ej., DD/MM/YYYY); sin embargo, las fechas se seguirán almacenando en el formato predeterminado MM/DD/YYYY en los perfiles personales. Si seleccionas una opción del menú Formato de fecha que no incluya un año (p. ej., MM DD), se incluirá automáticamente un año predeterminado en el perfil de cada suscriptor. Las fechas enviadas mediante un campo de fecha se almacenan usando el tipo de datos de fecha.
Campo desplegable
Las listas desplegables son similares a los botones de opción, en el sentido de que los suscriptores pueden seleccionar 1 opción de una lista predefinida. Esta opción también ayuda a conservar espacio en tu formulario. Considera usar una lista desplegable en lugar de botones de opción cuando tengas más de 4 opciones. Al igual que los botones de opción y las casillas de verificación múltiples, tu campo desplegable requiere una propiedades de perfil, un conjunto de etiquetas y un conjunto de valores.
Control de edad
Los bloques de control de edad pueden permitir que las marcas relacionadas con el alcohol usen SMS en EE. UU., Reino Unido y Australia. El control de edad debe estar habilitado en tu cuenta para poder añadir bloques de control de edad a tus formularios de registro y empezar a usar SMS. Más información sobre el control de edad del alcohol con Klaviyo.
Eliminar un elemento o campo
Para eliminar cualquier elemento o campo de tu formulario de registro:
- En la vista previa del formulario dentro del editor, pasa el cursor sobre el bloque que quieras eliminar.
- Selecciona el icono de la papelera que aparece.
- En el modal Eliminar bloque, selecciona Eliminar bloque. Ten en cuenta que un bloque no se puede recuperar una vez que lo elimines.
Próximos pasos
Si quieres configurar 1 formulario para que tenga una vista de escritorio y una vista móvil distintas, consulta nuestra guía sobre el uso de bloques dinámicos en formularios.
Una vez que hayas añadido bloques y campos a tu formulario de registro, aprende a darle estilo para que coincida con tu marca. Cuando estés listo para publicar un formulario emergente, desplegable o de página completa, solo tienes que hacer clic en Publicar para activarlo en tu sitio. Si creas un formulario insertado, añade el código de inserción del formulario a tu sitio para publicarlo.
Recursos adicionales
- Getting started with sign-up forms
Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.
- Basics: mobile form design
Learn the 6 basic principles of designing sign-up forms for mobile devices.
- How to use dynamic blocks in forms
Learn about dynamic blocks, and how you can use them in sign-up forms to create distinct views and experiences for shoppers on desktop and mobile devices. Any block in your form can be made dynamic by adjusting its visibility settings.