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 distintos bloques de contenido que puedes añadir al formulario.

Hay 5 categorías de bloques diferentes:

1. Integraciones
2. Elementos
3. Campos
4. Número de teléfono
5. Consentimiento para recibir marketing

Cuando arrastras y sueltas un bloque en la vista previa del formulario, aparecerán las opciones de edición en la barra lateral izquierda. Desde aquí puedes ajustar los detalles del bloque, incluidos 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 el ordenador o solo en el móvil. Más información sobre los bloques dinámicos en los 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
  Cualquier campo del formulario que el visitante haya completado se enviará a Klaviyo, y el formulario avanzará en función de la opción que selecciones para el campo After Submit (Mostrar el 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).

• Suscribirse mediante mensajería de texto
  Puedes configurar esta opción en formularios solo para móviles o en la vista móvil del paso de suscripción a SMS para formularios dirigidos a todos los dispositivos. Esto permite que los visitantes se suscriban a SMS en solo unos toques (tocar para enviar un mensaje de texto). Cuando un visitante hace clic en el botón Suscribirse mediante mensajería de texto, se abrirá la aplicación de mensajería de texto con un mensaje preescrito que podrá enviar para suscribirse.
  • Selecciona una palabra clave en el menú desplegable Palabra clave de mensajería de texto. Esta es la palabra que alguien debe enviar por mensaje de texto al número de envío para suscribirse. La palabra clave se configura a nivel de cuenta y determina a qué lista se une el suscriptor.
  • Personaliza el mensaje de aceptación, que se mostrará en la aplicación de mensajería del visitante. Este campo permite hasta 160 caracteres GSM-7 (1 mensaje) solamente. 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

Para un botón con la Acción configurada como Enviar formulario, puedes cambiar la lista a la que se unen los nuevos suscriptores en la configuración del botón. En Suscribirse mediante mensajería de texto, la palabra clave seleccionada determina la lista en su lugar. Para cambiar la lista de envío de un formulario:

1. Haz clic en el botón cuya acción esté configurada como Enviar formulario dentro del editor de formularios.
2. En el menú que aparece a la izquierda, selecciona la lista nueva en Lista para enviar.
   
   

3. Haz clic en Atrás en la barra lateral de edición.
4. Cuando estés satisfecho con el contenido del formulario, haz clic en Publicar o programar y selecciona Publicar ahora. Resuelve todas las alertas que bloquean la operación y, a continuación, haz clic en Publicar ahora para confirmar. Aunque el formulario ya esté activo, debes publicar los cambios para que los nuevos suscriptores se unan a 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.

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 y luego elige la propiedad e introduce su valor.

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. Para usar códigos únicos, añade el bloque de cupón al paso Success. Esta también es la ubicación recomendada para los códigos estáticos, para que los clientes no tengan que salir del sitio web para obtener el código. Lee nuestra guía sobre cómo añadir códigos de cupón a los formularios de registro para obtener más información 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 registros para mostrar la actividad reciente del formulario (p. ej., "¡500 registros en la última hora!"). Este bloque utiliza prueba social para animar a los visitantes del sitio a suscribirse.

Cuando añadas un bloque de contador de registro a un formulario, puedes configurar los siguientes ajustes:

• Visualización
  Los visitantes se pueden contar antes de que lleguen al paso de éxito, por ejemplo, cuando envían un email en un paso anterior. Los clics en los botones Ir a URL y Tap-to-text también pueden contabilizarse sin que se complete una suscripción. Elige un periodo de tiempo:
  • 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 texto predeterminado reflejará la configuración de visualización seleccionada. Aunque este texto se puede configurar, no elimines la etiqueta {{ form_submit_count }}, ya que muestra el recuento de registros.

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 deben estar conectados a propiedades de perfil, que se usan para almacenar los datos que envía cada suscriptor. Cuando añadas un campo al formulario, selecciona una propiedad existente en el menú desplegable de Propiedades de perfil o escribe un nuevo nombre de propiedad y selecciona Crear, seguido de ese nombre.

A menos que se especifique lo contrario, las entradas de estos campos se almacenarán en la página de perfil de cada persona.

Campo de entrada de email

Los campos de entrada de Email permiten a los visitantes introducir sus direcciones de email y suscribirse a la lista conectada al formulario. Cada paso puede tener 1 entrada de email por vista de dispositivo. Las entradas de email no pueden aparecer en el paso 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.

Puedes personalizar cómo los visitantes introducen las fechas en tu formulario (p. ej., DD/MM/YYYY). Las fechas enviadas a través de un campo de fecha se almacenan con el tipo de datos de fecha, independientemente del formato de entrada seleccionado. Si seleccionas una opción en el menú Formato de fecha que no incluya un año (p. ej., MM DD), el año actual se incluye automáticamente.

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.

Consentimiento para recibir marketing

Consentimiento de seguimiento

Si es necesario, utiliza un bloque de consentimiento de seguimiento para solicitar a los visitantes el consentimiento para el marketing por email y el seguimiento de email cuando se registren.

En el editor de formularios, abre Añadir bloques y busca Consentimiento de seguimiento en Consentimiento de marketing. Arrástralo a un paso con una entrada de email. Asegúrate de que el campo de email sea visible en todos los dispositivos en los que aparezca el bloque de consentimiento de seguimiento. Un formulario puede tener 1 bloque de consentimiento de seguimiento. No se puede colocar en el paso de éxito ni en un paso que contenga Continuar con Shop.

Elige cómo recopilar el consentimiento

En Recopilar el consentimiento por separado o conjuntamente, elige:

• Casillas de verificación independientes: Ofrece a los visitantes opciones independientes para dar su consentimiento de marketing y seguimiento.
• Casilla de verificación combinada: Pide a los visitantes que den su consentimiento para marketing y seguimiento con una sola casilla de verificación. El consentimiento combinado no se acepta en todos los países de la UE. Consulta con el equipo legal o de privacidad antes de elegir esta opción.

En Tipo de seguimiento de Email, selecciona las actividades para las que quieres recopilar el consentimiento:

• Aperturas de email
• Clics de email

Selecciona al menos 1 tipo de seguimiento. El consentimiento de marketing siempre se incluye en el bloque.

Al usar casillas de verificación separadas tanto para aperturas como para clics, habilita Usar una casilla de verificación para aperturas y clics para combinar las 2 opciones de seguimiento y mantener el consentimiento de marketing separado, si lo prefieres.

Con Casillas separadas, usa Requerir consentimiento de marketing para que el consentimiento de marketing sea obligatorio. Esta configuración no está disponible con Casilla combinada. El consentimiento de seguimiento es opcional.

Personaliza el texto de consentimiento

En Texto de consentimiento, edita las divulgaciones para los tipos de consentimiento que recopilas. Sustituye el texto sugerido por una redacción aprobada por el equipo legal o de privacidad.

En Divulgación y retirada, edita el texto que se muestra debajo de las casillas de verificación. Incluye instrucciones que coincidan con la forma en que los destinatarios pueden retirar el consentimiento y añade un enlace a tu Declaración de privacidad.

En Consent section title, personaliza la introducción a las opciones de consentimiento. Usa Show consent section title para controlar si aparece en el formulario. Los lectores de pantalla pueden leer el título incluso cuando está oculto.

Antes de publicar, sustituye el texto de marcador de posición por el nombre de la marca, la etiqueta del botón de envío y los enlaces pertinentes. Asegúrate de que las referencias como «arriba» o «abajo» coincidan con el diseño del formulario.

Dar estilo al bloque

Personaliza el color de fondo, el relleno y la animación del bloque. Los campos usan los estilos compartidos del formulario, a menos que habilites Sustituir los estilos compartidos de campos de este bloque.

Entender el consentimiento de seguimiento

El consentimiento para marketing por email y el consentimiento para seguimiento son permisos independientes. Cambiar el consentimiento para seguimiento de un destinatario no cambia la suscripción a marketing por email.

Klaviyo deja de registrar los eventos de apertura o clic correspondientes cuando un destinatario se da de baja de ese tipo de seguimiento. El seguimiento está habilitado de forma predeterminada cuando no se ha registrado ningún consentimiento explícito de seguimiento, a menos que otro control de seguimiento aplicable lo deshabilite.

Consulta más información sobre gestionar el seguimiento de aperturas y gestionar el seguimiento de clics.

Control de edad

Los bloques de control de edad están disponibles para empresas elegibles en países compatibles. El control de edad debe estar habilitado en la cuenta antes de poder añadir bloques de control de edad a los formularios de registro. Más información sobre el control de edad con Klaviyo.

Eliminar un elemento o campo

Para eliminar cualquier elemento o campo de tu formulario de registro:

1. En la vista previa del formulario dentro del editor, pasa el cursor sobre el bloque que quieras eliminar.
2. Selecciona el icono de la papelera que aparece.
   

3. En el cuadro de diálogo Eliminar bloque, haz clic en Eliminar bloque. Si eliminas un bloque por error, haz clic en Deshacer en el editor mientras la eliminación siga estando en el historial de edición.

Próximos pasos

Si quieres configurar un formulario para que tenga una vista de escritorio y una vista móvil diferentes, consulta nuestra guía sobre el uso de bloques dinámicos en formularios.

Una vez que hayas añadido bloques y campos al formulario de registro, aprende a aplicarle estilo para que coincida con tu marca. Cuando estés listo para publicar, haz clic en Publicar o programar y selecciona Publicar ahora. Resuelve cualquier alerta que bloquee la operación y, a continuación, haz clic en Publicar ahora para confirmarlo. Si creas un formulario insertado, también debes añadir el código de inserción del formulario a tu sitio.

Recursos adicionales