Comprender el bloque de formularios y los campos

Objetivos de aprendizaje

Aprende a utilizar varios bloques de contenido del editor de formularios (es decir, elemento y campo) en tu formulario de registro para personalizar su aspecto y el tipo de información que recoges del suscriptor. 

Acerca de la pestaña Añadir bloque

En el editor de formularios de registro, haz clic en la pestaña Añadir bloque para ver los diferentes bloques de contenido que puedes añadir a tu formulario. 

Hay 2 categorías de bloques diferentes:

1. Elementos
2. Campos

Cuando arrastres y sueltes un bloque en la vista previa del formulario, aparecerán las opciones de edición en la barra lateral izquierda. Desde aquí puedes ajustar el texto de los detalles del bloque, incluyendo 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, sólo en el escritorio o sólo en el móvil. Más información sobre el bloque dinámico en los formularios.

Si estás creando un formulario de registro sólo para móviles, consulta Conceptos básicos: diseño de formularios para móviles. 

Buenas prácticas al añadir bloques de contenido a los formularios

Si plan quieres incluir varios bloques y campos para pedir a los visitantes de tu sitio varios datos (por ejemplo, fecha de nacimiento, dirección de correo electrónico, número de teléfono, etc.) en tu formulario, utiliza un formulario de varios pasos. Los formularios de varios pasos pueden ayudarte a conocer mejor a tus visitantes y a recoger su consentimiento a través de varios canales, sin abrumarlos con demasiados campos a la vez.

Si quieres pedir tanto el correo electrónico como el número de teléfono en tu formulario, es una buena práctica para el crecimiento de la lista y el cumplimiento incluir estos campos en 2 pasos diferentes.

Elemento de forma

El elemento formulario de registro añade contenido a tu formulario, incluyendo texto, botones, imágenes y cupón. Estos bloques informan al visitante de la finalidad de tu formulario de registro y le permiten interactuar con él. 

Bloque de texto

El bloque de texto te permite insertar contenido de texto en tu formulario, como un titular, instrucciones u otro texto para mostrar. Klaviyoutiliza el estándar de codificación UTF, lo que significa que equipa de asistencia caracteres latinos, emojis, caracteres de doble byte y mucho más. Además, puedes añadir una imagen en línea utilizando la opción de entrada URL de la imagen. 

Botón bloque

El bloque de botones te permite recopilar y guardar información en Klaviyo sobre quienes envían tu formulario. Un botón puede permitir al espectador cerrar o enviar el formulario, dirigirlo a otra página 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
  Todos los campos del formulario que el visitante haya completado se enviarán a Klaviyo, y el formulario progresará en función de la opción que selecciones para el campo Después de enviar (Mostrar siguiente paso, Ir a 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. Cuando introduzcas tu URL de destino, utiliza la URL completa, incluyendo https:// (por ejemplo, utiliza https://help.klaviyo.com/hc/en-us 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 sólo para móviles, o en la vista móvil del paso SMS Opt-in para formularios dirigidos a todos los dispositivos. Permite a los visitantes suscribirse a SMS con sólo unos toques (tap-to-text). Cuando un visitante haga clic en un botón de suscribirse a través de SMS, aparecerá su aplicación de mensajería de texto con un mensaje preescrito que puede enviar para suscribirse.
  • Selecciona una palabra clave del desplegable suscribirse palabra clave. Es la palabra que alguien debe enviar por SMS a tu número de destino para ser añadido a la lista de suscriptores de SMS de tu cuenta, y se configura a nivel de cuenta.
  • Establece un mensaje de aceptación, que aparecerá en su aplicación de mensajería. Por defecto, dice "Envía este texto para suscribirte <organization_name> a!", pero puedes personalizar el contenido del mensaje. Este campo sólo permite hasta 160 caracteres GSM-7 (1 mensaje). Los caracteres especiales, incluidos los emojis, no son válidos.
  • Elige el número apropiado 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 formulario de registro presenta a

Puedes cambiar la lista a la que se envía tu formulario (es decir, la lista que recoge el nuevo suscriptor) en la configuración del botón. Para cambiar la lista de envío de un formulario: 

1. Pulsa el botón dentro del editor de formularios. 
2. En el menú que aparece a la izquierda, selecciona la nueva lista en Lista para enviar.
   
   
3. Haz clic en volver en la barra lateral de edición.
4. 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 recojan la nueva lista seleccionada.
   

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. Por defecto, todos los formularios tienen una propiedad $source como campo oculto, que identifica cómo se añadieron a tu lista. 

Puedes personalizar la propiedad $fuente y otros nombres de propiedades. Al igual que otras entradas en 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íe el formulario. Por ejemplo, supongamos que tu formulario recoge las preferencias de colección, y un cliente ha seleccionado previamente que está interesado en 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 preferencias se sobrescribirá cuando se pulse el botón (es decir, de hombre a mujer). 

Para añadir una nueva propiedad oculta, selecciona Añadir una propiedad.

Bloque de imagen

El bloque Imagen te permite añadir una imagen a tu formulario (por ejemplo, tu logotipo). Puedes utilizar este bloque para añadir imágenes que se ajusten al aspecto de tu marca. 

Se aceptan archivos JPEG, PNG y GIF. Como ocurre con todas las imágenes que se ven en la web, los archivos de mayor tamaño provocan tiempos de carga más lentos. Intenta que el tamaño del archivo sea 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 cupones

Añade un bloque de cupón para incentivar a los visitantes de tu sitio web a que envíen tu formulario de registro y utilicen el cupón incluido para realizar una compra en tu sitio web.

Puedes añadir código estático o código de cupón único a un formulario. Las mejores prácticas de Klaviyo recomiendan 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. Lee nuestra guía sobre cómo añadir el código de cupón al formulario de registro para obtener más información sobre la configuración.

bloque de consentimiento para SMS

El lenguaje de divulgación de los SMS debe colocarse encima de un botón de inclusión de SMS para ayudar a mantener el cumplimiento de los SMS. Más información sobre el lenguaje de divulgación de los SMS.

Temporizador de cuenta regresiva

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 navideños. Más información sobre cómo añadir temporizadores de cuenta atrás a los formularios.

Bloque de contador de registros

Añade un bloque contador de registro de formulario para mostrar el recuento de envíos en tiempo real (por ejemplo, "¡500 personas se han apuntado a estas ofertas en la última hora!") en tu formulario para impulsar la conversión y acelerar el crecimiento de la lista. Este bloque utiliza la prueba social para crear urgencia y obligar a los visitantes del sitio a suscribirse.

Cuando añades un bloque contador de Registrarse a un formulario, puedes configurar los siguientes ajustes:

• Ajustes de visualización
  Determina cómo se cuentan los Registros. Ten en cuenta que un suscriptor debe alcanzar el paso de éxito del formulario:
  
  • Regístrate en los últimos 30 días
  • Regístrate en los últimos 7 días
  • Registro de las últimas 24 horas
  • Registro de 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 se ocultará a los visitantes del sitio hasta que se supere el número mínimo de envíos. Una vez alcanzado el número mínimo de envíos (por ejemplo, 200 envíos), el bloque aparece en tu formulario.

  

El texto por defecto reflejará la configuración de Pantalla que hayas seleccionado. Aunque este texto es configurable, no borres la etiqueta {{ form_submit_count }}, ya que muestra el recuento de Registros en tiempo real.

Campos

campo te permiten recoger información de los visitantes del sitio, como su dirección de correo electrónico, su nombre o su cumpleaños. 

Todo campo debe estar conectado a un propiedades del perfil, que se utiliza para tienda, comercio los datos que envía cada suscriptor. Cuando añadas un campo a tu formulario, selecciona una propiedad existente en el desplegable Propiedades del 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 serán tienda, comercio dentro de la página de perfil de cada individuo. 

correo electrónico campo

correo electrónico campo permite a los visitantes introducir sus direcciones de correo electrónico y suscribirse a la lista conectada al formulario. Un formulario sólo puede tener 1 entrada de correo electrónico, y debe aparecer en uno de los pasos del formulario, no en el mensaje de éxito.

Campo Número de teléfono

Si añades un campo de número de teléfono, por defecto, recogerá el consentimiento promocional para enviar SMS, que te permite enviar cualquier mensaje a SMS. Este bloque valida los números de teléfono enviados para asegurarse de que tienen un formato de número aceptable. Si aún no lo has hecho, habilita SMS si vas a recabar el consentimiento para enviar SMS, y configura tu lenguaje de divulgación para incluirlo en cualquier lugar donde recabes el consentimiento para enviar SMS.

Si es necesario, puedes ajustar el tipo de consentimiento para enviar SMS que recoge el formulario; pero, asegúrate de que el lenguaje de divulgación coincide con el tipo de consentimiento e incluye ejemplos de los tipos de mensajes que enviarás para que el suscriptor entienda lo que está aceptando.

También puedes utilizar el bloque dinámico cuando recojas el consentimiento para enviar SMS para asegurarte de que los compradores ven el mejor método para darse de alta.

Texto campo

Los campos de texto se utilizan para recoger información que no necesita seguir un formato específico (como fechas o direcciones de correo electrónico), y cuando no tiene sentido ofrecer una lista preestablecida de opciones. Ten en cuenta que segmentación y filtro de flujo distinguen entre mayúsculas y minúsculas y ortografía. Considera otros tipos de campo si plan utilizar estos datos para segmentación o filtrado. 

Un caso de uso común para el campo de texto es recopilar nombres de suscriptores. Para añadir un campo de nombre de pila, utiliza "Nombre de pila" como etiqueta o texto de marcador de posición, y selecciona Nombre de pila como propiedades del perfil. 

Botones de radio

Los botones de radio ofrecen una lista preestablecida de opciones, de las que el suscriptor sólo puede seleccionar 1. Son útiles para recoger información como el sexo o el rango de edad.

El campo Propiedades del perfil debe contener el nombre que quieras utilizar para esta propiedad. Por ejemplo, si tu formulario pregunta a los visitantes si prefieren café o té, utiliza una propiedad personalizada del perfil como "Elección de bebida". 

Utiliza la columna Etiquetas de la sección Opciones de propiedad para añadir las opciones que tu suscriptor puede elegir. A continuación, añade los valores correspondientes en la columna Valores. Estos valores estarán tienda, comercio en el perfil de cualquiera que rellene el formulario, así que considera la posibilidad de utilizar una versión abreviada de la respuesta que sea fácil de consultar. 

Si tus etiquetas de opción son "Bebedor de té" y "Bebedor de café", los valores podrían ser "té" y "café", respectivamente. 

Cuando un suscriptor responda a una pregunta de tipo botón de opción, su respuesta será tienda, comercio como una cadena de tipo dato. 

Casillas de verificación múltiples

Las casillas de verificación múltiples ofrecen una lista de opciones, y el suscriptor puede seleccionar tantas opciones como desee. 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, tu campo de casilla de verificación múltiple requiere unas propiedades del perfil, un conjunto de etiquetas y un conjunto de valores. 

Cuando un suscriptor responde a una pregunta de varias casillas, su respuesta será de tipo tienda, comercio como lista de datos, independientemente del número de opciones que seleccione. 

Campo de fecha

Los campos de fecha son la mejor forma que tiene el suscriptor de introducir valores de fecha, que luego, a su vez, pueden utilizarse para segmentar o para desencadenar flujos basados en fechas.

Por ejemplo, puedes querer recopilar los cumpleaños de los suscriptores para poder enviarles un código de cupón mediante un flujo el día de su cumpleaños. En este caso, añadirías el campo fecha y establecerías las propiedades del perfil correspondientes a cumpleaños. Si te interesa recopilar información de fechas sobre un cliente, utiliza un bloque de fechas para asegurarte de que las fechas tienen el formato correcto.

Tienes la opción de personalizar cómo se introducen las fechas en tu formulario (por ejemplo, DD/mercado de mediana empresa (MM+)/AAA); sin embargo, las fechas seguirán siendo tienda, comercio en el formato predeterminado mercado de mediana empresa (MM+)/DD/AAAA en el perfil personal. Si seleccionas una opción del menú Formato de fecha que no incluya un año (por ejemplo, mercado de mediana empresa (MM+) DD), se incluirá automáticamente un año por defecto en el perfil de cada suscriptor. Las fechas enviadas a través de un campo de fecha son tienda, comercio utilizando el tipo de datos de fecha. 

Campo desplegable

Los desplegables son similares a los botones de radio, en el sentido de que el suscriptor puede seleccionar 1 opción de una lista preestablecida. Esta opción también ayuda a conservar espacio en tu formulario. Considera la posibilidad de utilizar un desplegable en lugar de botones de radio cuando tengas más de 4 opciones. Al igual que los botones de radio y las casillas de verificación múltiples, tu campo desplegable requiere unas propiedades del perfil, un conjunto de etiquetas y un conjunto de valores. 

Control de edad

bloqueo de control de edad puede permitir el uso de marcas relacionadas con el alcohol SMS en EEUU, Reino Unido y Australia. El bloqueo de control de edad debe estar activado en tu cuenta antes de que puedas añadir el bloqueo de control de edad a tu formulario de registro y empezar a utilizar SMS. Más información sobre el control de edad del alcohol con Klaviyo.

Borrar un elemento o campo de entrada

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

1. En la vista previa del formulario dentro del editor, pasa el ratón por encima del bloque que deseas eliminar.
2. Selecciona el icono de la papelera que aparece.
   
3. En el modal Eliminar bloque, selecciona Eliminar bloque. Ten en cuenta que un bloque no se puede recuperar una vez que lo has borrado.

Siguientes pasos

Si quieres configurar 1 formulario para que tenga una vista distinta para escritorio y otra para móvil, dirígete a nuestra guía sobre el uso del bloque dinámico en los formularios.

Una vez que hayas añadido bloques y campos a tu formulario de registro, aprende a darle estilo para que se adapte a tu marca. Cuando estés listo para publicar una ventana emergente, un menú desplegable o un formulario de página completa, sólo tienes que hacer clic en Publicar para activarlo en tu sitio. Si construyes un formulario de incrustación, añade el código de incrustación del formulario a tu sitio para publicarlo.

Recursos adicionales

Primeros pasos con los formularios de registro

Conceptos básicos: diseño de formularios para móviles

Cómo utilizar el bloque dinámico en los formularios

Curso: Crear formularios de registro estratégicos