Comprender los bloques de formulario y los campos

Hola: 14 minutos de lectura
|
Actualizado 16 dic 2024, 10:13 EST
Aprenderá

Aprenderá

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

Acerca de la pestaña Añadir bloque

Acerca de la pestaña Añadir bloque

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

Existen 2 categorías de bloques diferentes:

  1. Elementos
  2. Campos de entrada

Cuando arrastre y suelte un bloque en la vista previa del formulario, aparecerán las opciones de edición en la barra lateral izquierda. Desde aquí puede ajustar el texto de los detalles del bloque, incluido el texto y el estilo. En la parte inferior de este menú de edición, también puede 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.
El menú de edición de un campo de texto en un formulario que muestra el ajuste Visibilidad configurado para mostrarse en todos los dispositivos.

Si está creando un formulario de inscripción sólo para móviles, consulte la sección básica: diseño de formularios para móviles

Mejores prácticas al añadir bloque de contenido a los formularios

Mejores prácticas al añadir bloque de contenido a los formularios

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

Si desea solicitar tanto el correo electrónico como el número de teléfono en su formulario, es la mejor práctica para el crecimiento de la lista y el cumplimiento incluir estos campos en 2 pasos diferentes.

Elementos de forma

Elementos de forma

Los elementos del formulario de inscripción añaden contenido a su formulario, incluyendo texto, botones, imágenes y cupones. Estos bloques informan al visitante de la finalidad de su formulario de inscripción y le permiten interactuar con él. 

El menú de opciones del elemento dentro de la pestaña Añadir bloque en el editor de formularios.

Bloque de texto

Bloque de texto

El bloque de texto le permite insertar contenido de texto en su formulario, como un titular, instrucciones u otro texto de visualización. Klaviyo'utiliza el estándar de codificación UTF, lo que significa que asiste a caracteres latinos, emojis, caracteres de doble byte y mucho más. Además, puede añadir una imagen en línea utilizando la opción de entrada URL de la imagen. 

Bloque de botones

Bloque de botones

Los bloques de botones le permiten recopilar y guardar información en Klaviyo sobre quienes envían su formulario. Un botón puede permitir al espectador cerrar o enviar el formulario, dirigirle a una página diferente de su sitio web o suscribirle a la mensajería SMS.

Elija 1 de las siguientes acciones para su botón: 


El menú desplegable Acción de clic del botón muestra las opciones de acción, entre las que se incluyen Cerrar formulario, Enviar formulario, Ir a URL y Suscribirse por SMS.

  • 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 rellenado se enviarán a Klaviyo, y el formulario progresará en función de la opción que seleccione para el campo Después de enviar (ya sea 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 usted proporcione, y los datos de cualquier campo del formulario no serán enviados a Klaviyo. Cuando introduzca su URL de destino, utilice la URL completa, incluyendo https:// (por ejemplo, utilice 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 por SMS
    Puede configurar esta opción en formularios sólo para móviles, o en la vista móvil del paso Suscripción por SMS 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 el botón Suscribirse por SMS, aparecerá su aplicación de mensajería de texto con un mensaje preescrito que puede enviar para suscribirse.
    • Seleccione una palabra clave en el desplegable Suscribir palabra clave. Es la palabra que alguien debe enviar por SMS a su número de destino para ser añadido a la lista de suscriptores de SMS de su cuenta, y se configura a nivel de cuenta.
    • Establezca un mensaje de aceptación, que aparecerá en su aplicación de mensajería. Por defecto, dice "Envíe este texto para suscribirse a <organization_name>!", pero puede 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.
    • Elija el número apropiado en Región de envío si opera en varias regiones y tiene más de 1 número de envío.
      El menú de configuración de SMS que aparece cuando la acción de pulsar un botón está configurada como Suscribirse por SMS.

Cambiar la lista a la que se envía un formulario de inscripción

Puede cambiar la lista a la que se envía su formulario (es decir, la lista a la que se reúnen los nuevos suscriptores) en la configuración del botón. Para cambiar la lista de envío de un formulario: 

  1. Haga clic en el botón dentro del editor de formularios. 
  2. En el menú que aparece a la izquierda, seleccione la nueva lista en Lista para enviar.
    El desplegable de la lista a enviar en el menú del botón donde puede seleccionar a qué lista se envía su formulario.
  3. Pulse Atrás en la barra lateral de edición.
  4. Si está satisfecho con el contenido de su formulario, haga clic en Publicar. Aunque su formulario ya esté activo, debe publicar los cambios para que los nuevos suscriptores se apunten a su lista recién seleccionada.

Enviar campos ocultos

Los campos ocultos son propiedades adicionales que se añadirán al perfil de un suscriptor en Klaviyo. Esto le permite realizar un seguimiento de los visitantes que interactúan con su formulario. Por defecto, todos los formularios tienen una propiedad $source como campo oculto, que identifica cómo fueron añadidos a su lista. 

Esta opción sólo está disponible para los botones cuya acción sea Enviar formulario.

Puede personalizar la propiedad $source y otros nombres de propiedades. Al igual que otras entradas en los formularios, si añade campos ocultos para propiedades que ya existen en el perfil de alguien, serán sobrescritos por el nuevo valor cuando envíen el formulario. Por ejemplo, supongamos que su formulario recoge las preferencias de colección, y un cliente ha seleccionado previamente que está interesado en su colección de hombre. Si este formulario tiene un campo oculto para el interés en su colección de mujer, entonces la propiedad de preferencias se sobrescribirá cuando se pulse el botón (es decir, de hombre a mujer). 

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

La opción Enviar campos ocultos que aparece cuando la acción de pulsar un botón está configurada como Enviar formulario.

Bloque de imágenes

Bloque de imágenes

Los bloques de imagen le permiten añadir una imagen a su formulario (por ejemplo, su logotipo). Puede utilizar este bloque para añadir imágenes que se ajusten al aspecto de su 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. Procure que el tamaño del archivo sea de 50-100 KB para un rendimiento óptimo.

También puede añadir una imagen de fondo o una imagen lateral en la pestaña Estilos del editor de formularios. 

Bloque de cupones

Bloque de cupones

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

Puede añadir códigos de cupón estáticos o únicos 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 su sitio web para obtener el código. Lea nuestra guía sobre cómo añadir códigos de cupón a los formularios de inscripción para obtener más detalles sobre la configuración.

Bloqueo de divulgación de SMS

Bloqueo de divulgación de SMS

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

Temporizador de cuenta atrás

Temporizador de cuenta atrás

Los temporizadores de cuenta atrás pueden añadir una sensación de urgencia a sus formularios de inscripción, y a menudo se combinan con promociones especiales o mensajes navideños. Obtenga más información sobre cómo añadir temporizadores de cuenta atrás a los formularios.

Mostrador de inscripción bloque

Mostrador de inscripción bloque

Añada un bloque contador de envíos al formulario de registro 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 su 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.

Un formulario de registro con un bloque contador de inscripciones que muestra el recuento de inscripciones en tiempo real en un sitio web de ejemplo.

Cuando añada un bloque de contador de inscripciones a un formulario, podrá configurar los siguientes ajustes:

  • Ajustes de visualización
    Determine cómo se contabilizan las inscripciones. Tenga en cuenta que un suscriptor debe llegar al paso de éxito del formulario:
    • Inscripciones de los últimos 30 días
    • Inscripciones de los últimos 7 días
    • Inscripciones de las últimas 24 horas
    • Inscripciones de la última hora
  • Mostrar después de __ envíos
    Determine el número mínimo de envíos necesarios para que aparezca el bloque.

    El bloque quedará oculto 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 su formulario.

    El menú del bloque Contador de inscripciones dentro del editor de formularios muestra un formulario de ejemplo configurado para mostrar las inscripciones de los últimos 30 días después de 20 envíos.

El texto predeterminado reflejará la configuración de pantalla seleccionada. Aunque este texto es configurable, no elimine la etiqueta {{ form_submit_count }}, ya que muestra el recuento de inscripciones en tiempo real.

Campos de entrada

Campos de entrada

Los campos de entrada le permiten recopilar información de los visitantes del sitio, como su dirección de correo electrónico, su nombre o su fecha de cumpleaños. 

Las opciones de los campos de entrada que pueden añadirse a un formulario de inscripción desde la pestaña Añadir bloques del editor de formularios.

Todos los campos de entrada deben estar conectados a una propiedad de perfil, que se utiliza para almacenar los datos que envía cada abonado. Cuando añada un campo de entrada a su formulario, seleccione una propiedad existente en el desplegable Propiedades del perfil, o cree una nueva escribiendo un nuevo nombre de propiedad y pulsando Crear opción.

El desplegable Propiedad del perfil, donde puede seleccionar o crear una propiedad que vaya con un campo de entrada añadido.

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

No se recomienda actualizar las propiedades de perfil personalizadas en Klaviyo que se sincronizaron a través de una integración (por ejemplo, Shopify etiqueta), ya que se sobrescribirán la próxima vez que se sincronice su integración.

Campo de entrada de correo electrónico

Campo de entrada de correo electrónico

Los campos de entrada de correo electrónico permiten 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 del número de teléfono

Campo del 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 están tienda en 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 puede utilizar bloques dinámicos cuando recoja el consentimiento por SMS para asegurarse de que los compradores ven el mejor método para optar por él.

Campo de entrada de texto

Campo de entrada de texto

Los campos de entrada 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. Tenga en cuenta que la segmentación y el filtrado de flujos distinguen entre mayúsculas y minúsculas y ortografía. Considere otros tipos de campo si piensa utilizar estos datos para la segmentación o el filtrado. 

Un caso de uso común para los campos de entrada de texto es la recopilación de los nombres de los abonados. Para añadir un campo de nombre de pila, utilice "Nombre de pila" como etiqueta o texto marcador de posición y seleccione Nombre de pila como propiedad del perfil. 

El menú de entrada de texto que aparece cuando añade un campo de entrada de texto en un formulario de inscripción en el editor de formularios.

Botones de radio

Botones de radio

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

El menú de botones de opción del editor de formularios muestra un botón de opción de ejemplo que recoge una propiedad del perfil de elección de bebidas.

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

Utilice la columna Etiquetas de la sección Opciones de propiedad para añadir las opciones que pueden elegir sus abonados. A continuación, añada los valores correspondientes en la columna Valores. Estos valores se almacenarán en el perfil de cualquier persona que rellene el formulario, así que considere la posibilidad de utilizar una versión abreviada de la respuesta que sea fácil de consultar. 

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

Cuando un abonado responda a una pregunta de un botón de opción, su respuesta se almacenará como un tipo de datos de cadena. 

Multi casillas de verificación

Multi casillas de verificación

Las casillas de verificación múltiples ofrecen una lista de opciones, y los abonados pueden seleccionar tantas opciones como deseen. 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 el abonado deba poder seleccionar más de una opción.

El menú de casillas de verificación múltiples en el editor de formularios mostrando una casilla de verificación múltiple de ejemplo que recoge la propiedad de perfil de preferencias de horneado.

Al igual que un campo de botón de radio, su campo de casilla de verificación múltiple requiere una propiedad de perfil, un conjunto de etiquetas y un conjunto de valores. 

Cuando un abonado responda a una pregunta con varias casillas de verificación, su respuesta se almacenará como un tipo de datos de lista, independientemente del número de opciones que seleccione. 

Campo de fecha

Campo de fecha

Los campos de fecha son la mejor forma de que los abonados introduzcan valores de fecha que, a su vez, pueden utilizarse para la segmentación o para desencadenar flujos basados en fechas.

El menú Fecha que aparece cuando añade un campo de entrada de fecha a un formulario de inscripción.

Por ejemplo, puede que desee 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ía el campo de fecha y establecería la propiedad de perfil correspondiente en cumpleaños. Si le interesa recopilar información de fechas sobre un cliente, utilice un bloque de fechas para asegurarse de que las fechas tienen el formato correcto.

Tiene la opción de personalizar cómo se introducen las fechas en su formulario (por ejemplo, DD/MM/AAAA); sin embargo, las fechas seguirán almacenándose en el formato predeterminado MM/DD/AAAA en los perfiles personales. Si selecciona una opción del menú Formato de fecha que no incluya un año (por ejemplo, MM DD), se incluirá automáticamente un año por defecto en el perfil de cada abonado. Las fechas enviadas a través de un campo de fecha se almacenan utilizando el tipo de datos de fecha. 

Campo desplegable

Campo desplegable

Los desplegables son similares a los botones de radio, en el sentido de que los abonados pueden seleccionar una opción de una lista preestablecida. Esta opción también ayuda a conservar espacio en su formulario. Considere la posibilidad de utilizar un desplegable en lugar de botones de radio cuando tenga más de 4 opciones. Al igual que los botones de radio y las casillas de verificación múltiples, su campo desplegable requiere una propiedad de perfil, un conjunto de etiquetas y un conjunto de valores. 

El menú desplegable del campo de entrada muestra un ejemplo de menú desplegable que recoge una propiedad del perfil del tipo de mascota.

Puerta de edad

Puerta de edad

Los bloqueos por edad pueden permitir que las marcas relacionadas con el alcohol utilicen SMS en EE.UU., Reino Unido y Australia. El bloqueo por edad debe estar activado en su cuenta antes de que pueda añadir bloques de bloqueo por edad a sus formularios de inscripción 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

Borrar un elemento o campo de entrada

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

  1. En la vista previa del formulario dentro del editor, pase el ratón por encima del bloque que desea eliminar.
  2. Seleccione el icono de la papelera que aparece.
    Al pasar el ratón por encima de un bloque de texto en la vista previa de un formulario de ejemplo, se ve el icono de la papelera.
  3. En el modal Eliminar bloque, seleccione Eliminar bloque. Tenga en cuenta que un bloque no puede recuperarse una vez que lo ha borrado.
Próximos pasos

Próximos pasos

Si desea configurar 1 formulario para que tenga una vista distinta para escritorio y otra para móvil, diríjase a nuestra guía sobre el uso de bloques dinámicos en formularios.

Una vez que haya añadido bloques y campos a su formulario de inscripción, aprenda a darle estilo para que se adapte a su marca. Cuando esté listo para publicar un formulario emergente, volante o de página completa, sólo tiene que hacer clic en Publicar para ponerlo en marcha en su sitio. Si construye un formulario de incrustación, añada el código de incrustación del formulario a su sitio para publicarlo.

Recursos adicionales

Recursos adicionales

Introducción a los formularios de inscripción

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

Cómo utilizar bloques dinámicos en los formularios

Curso: Creación de una estrategia de captación eficaz mediante formularios de inscripción 

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más de Klaviyo

Comunidad
Conecta con compañeros, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Formación en directo
Únete a una sesión en directo con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan