Cómo utilizar bloques dinámicos en los formularios

Qué aprenderás

Conozca los bloques dinámicos y cómo puede 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 su formulario puede hacerse dinámico ajustando su configuración de visibilidad.

Los bloques dinámicos le permiten controlar qué bloques aparecen en función del dispositivo. Puede configurar bloque para que aparezca de forma diferente en su formulario en función del dispositivo, o para que aparezca en un dispositivo pero no en el otro.

Casos de uso del bloque dinámico:

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

Antes de empezar

Abra su formulario en el editor y navegue hasta la sección Orientación y comportamientos. Asegúrese de que su formulario está configurado para mostrarse tanto en escritorio como en móvil para que todos los compradores puedan verlo.

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

Utilice bloques dinámicos para crear vistas distintas para escritorio 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, siga estos pasos:

1. Pulse 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ácese hasta Visibilidad.
3. Elija si desea mostrar el bloque en el escritorio, en el móvil o en todos los dispositivos.
4. Repita este proceso para cualquier bloque que desee que sea dinámico.

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

• La vista de escritorio muestra cómo aparecerá su formulario a los compradores que naveguen por su 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óviles y Todos los dispositivos.

Ejemplo

Supongamos que desea que el texto del encabezado de su 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, seleccione el icono del escritorio. 
2. Seleccione el texto que desea editar en la vista previa del formulario y realice los cambios.
3. En el menú de configuración del bloque de texto, desplácese hasta Visibilidad y configure el bloque de texto para que sólo se muestre en Escritorio .
   
   

   Cuando configura un bloque para que sólo se muestre en el escritorio, está 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, cambie a la vista previa móvil seleccionando el icono móvil en el selector de vista.
5. Vaya a la pestaña Añadir bloque y arrastre y suelte un nuevo elemento de texto en la vista previa móvil.
6. Personalice el texto del titular por defecto para los compradores móviles. Este texto debe ser diferente del que utilizó en la versión de escritorio.
7. En el menú de configuración del bloque de texto, desplácese hasta Visibilidad y configure este bloque de texto para que se muestre en Móvil.
   
   
8. Opcional: Repita este proceso para otros elementos o campos que desee mostrar de forma diferente en función del tipo de dispositivo (por ejemplo, mostrar una imagen a los compradores de escritorio pero ocultarla en los móviles).
   • Si desea que las imágenes de su formulario sean dinámicas, podría hacerlo:
     • Añada una imagen lateral tanto a la vista móvil como a la de escritorio, o sólo a una de las dos.
     • Utilice una imagen lateral en la vista de escritorio y coloque una imagen sobre el texto del titular en la móvil, o viceversa. 

Utilice bloques dinámicos para optimizar la recogida de consentimientos por SMS

Si dispone de un formulario de registro que recoja el consentimiento de SMS, puede utilizar el bloque dinámico para optimizar el método de opt-in de SMS para cada dispositivo (por ejemplo, muestre a los compradores de móviles un botón tap-to-text, mientras que los compradores de escritorio ven un campo de número de teléfono). 

Para configurarlo:

1. Abra su formulario existente en el editor y navegue hasta el paso SMS Opt-in en la barra de menú. 
   • Si su formulario aún no tiene este paso, haga clic en +Paso > SMS Opt-in y seleccione una lista para añadirlo.
     
2. En el selector de vistas de la parte superior derecha, seleccione el icono de escritorio para personalizar la vista de escritorio de su formulario. 
3. Seleccione el campo de entrada del número de teléfono en la vista previa y en Visibilidad, ajústelo a mostrar en Escritorio. Haga lo mismo con la lengua de divulgación del SMS y con el botón de envío.
   
   

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

4. Cambie a la vista móvil de su formulario seleccionando el icono de móvil en la esquina superior derecha.
5. Seleccione la pestaña Añadir bloque y, a continuación, arrastre y suelte un nuevo bloque de botón en la vista previa móvil. 
6. Cambie la Acción del botón a Suscribirse por SMS.
   
   
7. Personalice la palabra clave de suscripción y el mensaje de suscripción para su llamada a la acción "toque para escribir".
8. En Región de envío, elija el número de teléfono apropiado para la región a la que desea dirigir el formulario. 
9. Alterne entre la vista de escritorio y la de móvil para asegurarse de que el bloque aparece como usted pretendía en cada dispositivo. 

Ahora, sus bloques dinámicos están configurados para recoger el consentimiento de SMS en el método más optimizado tanto para escritorio como para móvil. 

Próximos pasos

Antes de publicar su formulario de inscripción, vaya a la pestaña Estilos para cambiar el diseño, las fuentes y los colores y adaptarlos a su marca. Además, asegúrese de añadir y personalizar el idioma de divulgación de sus SMS.

Recursos adicionales

Referencia de los métodos de suscripción por SMS

Comprender los bloques de formulario y los campos

Comprender los estilos de un formulario de inscripción

Curso: Certificado de producto Klaviyo