Obtén información sobre los bloques dinámicos y cómo puedes usarlos en formularios de registro para crear vistas y experiencias distintas para los compradores en dispositivos de escritorio y móviles. Cualquier bloque de tu formulario se puede volver dinámico al ajustar su configuración de visibilidad.
Acerca de los bloques dinámicos
Los bloques dinámicos te permiten controlar qué bloques aparecen según el dispositivo. Puedes configurar bloques para que aparezcan de forma diferente en el formulario según el dispositivo o para que aparezcan en 1 dispositivo, pero no en el otro.
Casos de uso para bloques dinámicos:
- Personaliza la visualización de formularios para diferentes tipos de dispositivos (por ejemplo, móvil y computadora de escritorio) para que los compradores vean un diseño adaptado a su pantalla.
- Crea un solo formulario con diferentes métodos de suscripción a SMS que se muestren según el tipo de dispositivo para optimizar la conversión (es decir, muestra una opción de tocar para enviar SMS en dispositivos móviles y un campo 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 comportamientos. Asegúrate de que el formulario esté configurado para mostrarse en computadora y dispositivo móvil para que todos los compradores puedan verlo.
Esta configuración te permitirá configurar vistas separadas para computadoras y dispositivos móviles.
Usa bloques dinámicos para crear vistas diferentes para computadoras y dispositivos móviles
Cualquier bloque o campo de un formulario, ya sea existente o recién agregado desde la pestaña Agregar bloques, puede hacerse dinámico. Para ajustar qué dispositivos muestran un bloque específico, sigue estos pasos:
- Haz clic en el bloque en el panel de vista previa del formulario (por ejemplo, un bloque de texto).
- En el menú de configuración del bloque a la izquierda, desplázate hacia abajo hasta Visibilidad.
- Elige si quieres mostrar el bloque en escritorio, móvil o en todos los dispositivos.
- Repite este proceso para cualquier bloque que quieras que sea dinámico.
Para previsualizar cómo se ve el formulario en cada dispositivo, usa el selector de vista en la esquina superior derecha del editor de formularios. Puedes alternar entre el ícono de escritorio y el ícono de dispositivo móvil para ver cada vista.
- La vista de computadora de escritorio muestra cómo aparecerá el formulario para los compradores que naveguen por el sitio en una computadora de escritorio. Solo los bloques configurados como Computadora de escritorio y Todos los dispositivos serán visibles en esta vista.
- La vista móvil muestra una vista previa de lo que verán los compradores al navegar en un dispositivo móvil. Muestra los bloques configurados para Móvil y Todos los dispositivos.
Ejemplo
Supongamos que quieres que el texto del encabezado del formulario aparezca de forma distinta en una computadora que en un dispositivo móvil. Para configurarlo:
- En el selector de vista de la esquina superior derecha, selecciona el ícono de escritorio.
- Selecciona el texto que quieres editar en la vista previa del formulario y haz los cambios.
- 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 Escritorio .
- Para ajustar la vista móvil, cambia a la vista previa móvil seleccionando el ícono de dispositivo móvil en el selector de vista.
- Ve a la pestaña Agregar bloques y arrastra y suelta un nuevo elemento de texto en la vista previa móvil.
- Personaliza el texto predeterminado del encabezado para compradores en dispositivos móviles. Este texto debe ser diferente del que usaste en la versión de escritorio.
- 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 Móvil.
- Opcional: Repite este proceso para otros elementos o campos que quieras mostrar de forma diferente según el tipo de dispositivo (p. ej., muestra una imagen a los compradores en escritorio, pero ocúltala en móvil).
- Si quieres que las imágenes del formulario sean dinámicas, puedes:
- Agrega una imagen lateral a las vistas móvil y de computadora de escritorio, o solo a una de las dos.
- Usa una imagen lateral en la vista de escritorio y coloca una imagen encima del texto del encabezado en móvil, o viceversa.
Usa bloques dinámicos para optimizar la recopilación del consentimiento de SMS
Si tienes un formulario de registro que recopila el consentimiento de 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 en móvil un botón de tocar para enviar mensaje de texto, mientras que los compradores en computadora de escritorio ven un campo para ingresar el número de teléfono).
Ten en cuenta que las plantillas prediseñadas en la biblioteca de formularios que recopilan tanto el correo electrónico como los números de teléfono ya tienen bloques dinámicos configurados para suscripciones a SMS optimizadas en cada dispositivo. Si eliges una de estas plantillas, no tendrás que configurar los bloques; solo tendrás que personalizar el estilo del formulario para que coincida con tu marca.
Si vas a empezar desde cero o quieres crear un formulario nuevo para recopilar suscriptores de SMS, consulta nuestra guía sobre cómo recopilar el consentimiento de SMS con Smart Opt-in.
Para configurar esto:
- Abre el formulario existente en el editor y ve al paso Suscripción a SMS en la barra de menús.
- Si el formulario aún no tiene este paso, haz clic en +Paso > Suscripción a SMS y selecciona una lista para agregarlo.
- En el selector de vista de la parte superior derecha, selecciona el icono de escritorio para personalizar la vista de escritorio del formulario.
- 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 Escritorio. Haz lo mismo con el texto de divulgación de SMS y el botón de enviar.
Ten en cuenta que, cuando configuras un bloque para que se muestre específicamente en dispositivos de escritorio, no se ocultará en la vista móvil.
- Cambia a la vista móvil del formulario seleccionando el ícono de móvil en la esquina superior derecha.
- Selecciona la pestaña Agregar bloques y luego arrastra y suelta un nuevo bloque de botón en la vista previa móvil.
- Cambia la Acción del botón a Suscribirse por SMS.
- Personaliza la palabra clave de suscripción y el mensaje de suscripción para el llamado a la acción de tap-to-text.
- En Región de envío, elige el número de teléfono adecuado para la región a la que quieres dirigir el formulario.
- Cambia entre las vistas de escritorio y móvil para asegurarte de que los bloques aparezcan como lo planeaste en cada dispositivo.
Ahora, los bloques dinámicos están configurados para recopilar el consentimiento de SMS con el método más optimizado tanto para computadora de escritorio como para móvil.
Siguientes pasos
Antes de publicar el formulario de registro, ve a la pestaña Estilos para cambiar el diseño, las fuentes y los colores para que coincidan con tu marca. Además, asegúrate de agregar y personalizar el texto de consentimiento de tus SMS.