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

Objetivos del artículo

Aprende sobre los bloques dinámicos, y cómo puedes utilizarlos en el formulario de registro para crear vistas y experiencias distintas para los compradores en dispositivos de escritorio y móviles. Cualquier bloque de tu formulario puede hacerse dinámico ajustando su configuración de visibilidad.

El bloque dinámico te permite controlar qué bloque aparece en función del dispositivo. Puedes configurar bloque para que aparezca de forma diferente en tu formulario según el dispositivo, o para que aparezca en 1 dispositivo pero no en el otro.

Casos de uso del bloque dinámico:

• Personaliza la visualización de los formularios para distintos tipos de dispositivos (por ejemplo, móvil y escritorio) para que los compradores vean un diseño adaptado a su pantalla.
• Crea un formulario único con diferentes métodos de opt-in SMS que se muestren a cada tipo de dispositivo para optimizar la conversión (es decir, muestra una opción de "tocar para escribir" en los dispositivos móviles y un campo de número de teléfono en los dispositivos de escritorio).

Antes de empezar

Abre tu formulario en el editor y ve a la sección Orientación y Comportamientos. Asegúrate de que tu formulario está configurado para mostrarse tanto en ordenadores de sobremesa como en móviles, para que todos los compradores puedan verlo.

Este ajuste te permitirá configurar pantallas separadas para escritorio y móvil.

Utiliza bloques dinámicos para crear vistas distintas para ordenador y móvil

Cualquier bloque o campo de un formulario, ya sea existente o recién añadido desde la pestaña Añadir bloque, puede hacerse dinámico. Para ajustar qué dispositivos muestran un determinado bloque, sigue estos pasos:

1. Pulsa sobre el bloque en el panel de vista previa del formulario (por ejemplo, un bloque de texto).
2. En el menú de configuración del bloque situado a la izquierda, desplázate hasta Visibilidad.
3. Elige si quieres mostrar el bloque en el escritorio, en el móvil o en todos los dispositivos.
4. Repite este proceso para cualquier bloque que quieras que sea dinámico.

Para previsualizar el aspecto de tu formulario en cada dispositivo, utiliza el selector de vista de la esquina superior derecha del editor de formularios. Puedes alternar entre el icono del escritorio y el del dispositivo móvil para ver cada vista.

• La vista de escritorio muestra cómo aparecerá tu formulario a los compradores que naveguen por tu sitio en un escritorio. Sólo los bloques configurados para Escritorio y Todoslosdispositivos serán visibles en esta vista.
• La vista móvil previsualiza lo que verán los compradores cuando naveguen en un dispositivo móvil. Muestra el bloque configurado para Móvil y Todos los dispositivos.

Ejemplo

Digamos que quieres que el texto del encabezado de tu formulario aparezca de forma diferente en el escritorio que en un dispositivo móvil. Para configurarlo:

1. En el selector de vistas de la esquina superior derecha, selecciona el icono del escritorio. 
2. Selecciona el texto que quieras editar en la vista previa del formulario y realiza los cambios.
3. En el menú de configuración del bloque de texto, desplázate hasta Visibilidad y configura el bloque de texto para que sólo se muestre en el Escritorio .
   
   

   Cuando configuras un bloque para que sólo se muestre en el escritorio, estás eligiendo ocultar el bloque a los usuarios móviles, por lo que no será visible en la vista previa móvil.

4. Para ajustar la vista móvil, cambia a la vista previa móvil seleccionando el icono móvil en el selector de vista.
5. Ve a la pestaña Añadir bloque, y arrastra y suelta un nuevo elemento de texto en la vista previa móvil.
6. Personaliza el texto del titular por defecto para los compradores móviles. Este texto debe ser diferente del que utilizaste en la versión de escritorio.
7. En el menú de configuración del bloque de texto, desplázate hasta Visibilidad y establece que este bloque de texto se muestre en Móvil.
   
   
8. Opcional: Repite este proceso para otros elementos o campos que quieras mostrar de forma diferente según el tipo de dispositivo (por ejemplo, mostrar una imagen a los compradores de escritorio pero ocultarla en los móviles).
   • Si quieres que las imágenes de tu formulario sean dinámicas, puedes hacerlo:
     • Añade una imagen lateral tanto a la vista móvil como a la de escritorio, o sólo a una de las dos.
     • Utiliza una imagen lateral en la vista de escritorio y coloca una imagen encima del texto del titular en móvil, o viceversa. 

Utiliza el bloque dinámico para optimizar el consentimiento para enviar la colección SMS

Si tienes un formulario de registro que recoge el consentimiento para enviar SMS, puedes utilizar el bloque dinámico para optimizar el método de opt-in de SMS para cada dispositivo (por ejemplo, mostrar a los compradores de móvil un botón de "tocar para escribir", mientras que los compradores de escritorio ven un campo de número de teléfono). 

Para configurarlo:

1. Abre tu formulario existente en el editor y navega hasta el paso Suscripción por SMS en la barra de menús. 
   • Si tu formulario aún no tiene este paso, haz clic en +Paso > Inscripción por SMS y selecciona una lista para añadirlo.
     
2. En el selector de vista de la parte superior derecha, selecciona el icono de escritorio para personalizar la vista de escritorio de tu formulario. 
3. Selecciona el campo de entrada del número de teléfono en la vista previa y, en Visibilidad, establece que se muestre en el Escritorio. Haz lo mismo con la lengua de divulgación del SMS y con el botón de envío.
   
   

   Ten en cuenta que cuando configures un bloque para que se muestre específicamente en dispositivos de escritorio, no se ocultará en la vista móvil. 

4. Cambia a la vista móvil de tu formulario seleccionando el icono de móvil en la esquina superior derecha.
5. Selecciona la pestaña Añadir bloque y, a continuación, arrastra y suelta un nuevo bloque de botón en la vista previa móvil. 
6. Cambia la Acción del botón a suscribirse a través de SMS.
   
   
7. Personaliza tu suscribirse palabra clave y suscribirse Mensaje para tu tap-to-text llamado a la acción.
8. En Región de envío, elige el número de teléfono apropiado para la región a la que quieras dirigir el formulario. 
9. Vuelve a alternar entre las vistas de escritorio y móvil para asegurarte de que el bloque aparece como pretendías en cada dispositivo. 

Ahora, tu bloque dinámico está configurado para recoger el consentimiento para enviar SMS del método más optimizado tanto para escritorio como para móvil. 

Siguientes pasos

Antes de publicar tu formulario de registro, ve a la pestaña Estilos para cambiar el diseño, los tipos de letra y los colores y adaptarlos a tu marca. Además, asegúrate de añadir y personalizar el idioma de divulgación de tus SMS.

Recursos adicionales

Referencia de los métodos de opt-in por SMS

Comprender el bloque de formularios y los campos

Comprender los estilos de un formulario de registro

curso: Klaviyo certificado de producto