Cómo usar bloques dinámicos en formularios

Descubre los bloques dinámicos y cómo puedes usarlos en los formularios de registro para crear vistas y experiencias distintas para los compradores en ordenadores y dispositivos móviles. Cualquier bloque de tu formulario se puede hacer dinámico ajustando su configuración de visibilidad.

Acerca de los bloques dinámicos

Los bloques dinámicos te permiten controlar qué bloques aparecen en función del dispositivo. Puedes configurar bloques para que aparezcan de forma diferente en tu formulario en función del dispositivo, o para que aparezcan en 1 dispositivo, pero no en el otro.

Casos de uso de bloques dinámicos:

• Personaliza las visualizaciones de formularios para diferentes tipos de dispositivo (por ejemplo, dispositivos móviles y de escritorio) para que los compradores vean un diseño adaptado a su pantalla.
• Crea un formulario único con diferentes métodos de registro de SMS que se muestren a cualquier tipo de dispositivo para optimizar las conversiones (es decir, muestra una opción de envío de mensaje rápido en dispositivos móviles y un campo de entrada de número de teléfono en dispositivos de escritorio).

Antes de empezar

Abre el formulario en el editor y ve a la sección Segmentación y comportamiento. Asegúrate de que tu formulario esté configurado para mostrarse tanto en ordenadores como en dispositivos móviles para que todos los compradores puedan verlo.

Este ajuste te permitirá configurar pantallas separadas para ordenadores y móviles.

Usa bloques dinámicos para crear vistas distintas para ordenadores y dispositivos móviles

Cualquier bloque o campo de entrada de un formulario, ya sea existente o añadido recientemente desde la pestaña Añadir bloques, se puede convertir en dinámico. Para ajustar qué dispositivos muestran un determinado bloque, sigue estos pasos:

1. Haz clic en el bloque del 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 hacia abajo hasta Visibilidad.
3. Elige si quieres mostrar el bloque en ordenadores, móviles o en todos los dispositivos.
4. Repite este proceso para cualquier bloque que quieras ser dinámico.

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

• La vista de escritorio muestra cómo se mostrará tu formulario a los compradores que naveguen por tu sitio web desde un ordenador. En esta vista, solo se mostrarán los bloques configurados en Escritorio y Todos los dispositivos.
• La vista móvil previsualiza lo que verán los compradores cuando naveguen en un dispositivo móvil. Muestra bloques configurados para dispositivos móviles y todos los dispositivos.

Ejemplo

Supongamos que quieres que el texto del encabezado de tu formulario se vea de forma diferente en ordenadores que en dispositivos móviles. Para configurarlo, sigue estos pasos:

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

This content requires Functional cookies to be enabled.

Update Cookie Settings

4. Para ajustar la vista para móviles, selecciona el icono para móviles en el selector de vista para cambiar a la vista previa para móviles.
5. Ve a la pestaña Añadir bloques y arrastra y suelta un nuevo elemento de texto en la vista previa para móviles.
6. Personaliza el texto de encabezado predeterminado para los compradores que usan dispositivos móviles. Este texto debe ser diferente a lo que usaste en la versión de escritorio.
7. En el menú de configuración del bloque de texto, desplázate hacia abajo hasta Visibilidad y configura este bloque de texto para que se muestre en dispositivos móviles.

This content requires Functional cookies to be enabled.

Update Cookie Settings

8. Opcional: repite este proceso para otros elementos o campos de entrada que quieras mostrar de forma diferente en función del tipo de dispositivo (por ejemplo, mostrar una imagen a los compradores desde un ordenador, pero ocultarla en un dispositivo móvil).
   • Si quieres hacer que las imágenes de tu formulario sean dinámicas, puedes hacer lo siguiente:
     • Añade una imagen lateral tanto a la vista para móviles como para ordenadores, o solo a una de las dos.
     • Utiliza una imagen lateral en la vista de escritorio y coloca una imagen encima del texto del encabezado en un dispositivo móvil, o viceversa.

Usa bloques dinámicos para optimizar la recopilación de Consentimientos para enviar SMS

Si tienes un formulario de registro que recopila el Consentimiento para enviar SMS, puedes usar bloques dinámicos para optimizar el método de suscripción a SMS para cada dispositivo (por ejemplo, mostrar a los compradores móviles un botón de envío de mensaje rápido, mientras que a los compradores desde ordenadores les aparece un campo de número de teléfono).

Para configurarlo, sigue estos pasos:

1. Abre el formulario que ya tienes en el editor y ve al paso de SMS Opt-in en la barra de menús.
   • Si tu formulario aún no tiene este paso, haz clic en +Paso > SMS Opt-in 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, configúralo para que se muestre en el escritorio. Haz lo mismo con el texto informativo de SMS y el botón de envío.

This content requires Functional cookies to be enabled.

Update Cookie Settings

1. Puedes cambiar a la vista móvil de tu formulario al seleccionar el icono para móviles en la esquina superior derecha.
2. Selecciona la pestaña Añadir bloques y, a continuación, arrastra y suelta un nuevo bloque de botón en la vista previa para móviles.
3. Cambia la acción del botón a Suscribirse a través de SMS.

This content requires Functional cookies to be enabled.

Update Cookie Settings

4. Personaliza tu palabra clave de suscripción y mensaje de suscripción para tu llamada a la acción de envío de mensaje rápido.
5. En Región de envío, elige el número de teléfono adecuado para la región a la que quieras dirigirte con el formulario.
6. Cambia entre las vistas de escritorio y móvil para asegurarte de que los bloques aparezcan tal y como quieras en cada dispositivo.

Ahora, tus bloques dinámicos están configurados para recopilar Consentimientos para enviar SMS en el método más optimizado tanto para ordenadores como para móviles.

Próximos pasos

Antes de publicar tu formulario de registro, ve a la pestaña Estilos para cambiar el diseño, las fuentes y los colores según tu marca. Además, asegúrate de añadir y personalizar el texto informativo de la SMS.

Recursos adicionales