Ir al contenido principal

Diseña y crea un Carrusel Móvil

Aprende a configurar un Carrusel Móvil con esta guía paso a paso.

Escrito por Beth-Ann Sher

Los Carruseles Móviles son mensajes multipágina que te permiten mostrar a tus users, brindar soporte y destacar funciones que sabes que les encantarán en tu app iOS o Android.

Sin necesidad de código, los Carruseles Móviles son altamente personalizables y fáciles de crear.

Nota: Para usar Carruseles Móviles, tu app móvil debe estar ejecutando una de estas versiones del SDK de Intercom (o superior):

Los Carruseles Móviles solo están disponibles en móvil. Para escritorio, recomendamos usar Product Tours.

Crea un Carrusel Móvil

Primero, ve a Outbound y haz clic en Nuevo mensaje en la esquina superior derecha:

Luego, elige Carrusel móvil como tipo de contenido.

También puedes elegir comenzar con una plantilla predefinida seleccionando este tipo de contenido en la barra lateral izquierda.

Luego, ponle un título a tu carrusel.

Nota: Los ID de carrusel son de un solo uso y no pueden reutilizarse ni reiniciarse para nuevos carruseles. Al duplicar un carrusel, se genera un nuevo ID único, y no hay forma de forzar el uso de un ID específico ni de reiniciar un carrusel existente para usar su ID original nuevamente.

Diseña las pantallas de tu carrusel

Ahora es momento de elegir la configuración general para el carrusel, que se aplicará a todas las pantallas:

Las configuraciones son:

  • Comportamiento del botón de cierre - Elige mostrar u ocultar un botón de cierre en tu carrusel.

  • Entregar a - iOS, Android o ambos.

  • Alineación vertical del contenido - Alineado en la parte superior o en el centro de cada pantalla. (La alineación horizontal se puede configurar en cada elemento individualmente.)

  • Colores - Fondo, Texto y Botones.

Mejores prácticas:

  • Recomendamos incluir un botón de cierre para tus users, en carruseles no críticos como anuncios de nuevas funciones o promociones.

  • Para una segmentación óptima de tu carrusel y una experiencia personalizada, recomendamos crear un carrusel para cada sistema operativo (Android e iOS).

También puedes cambiar entre una vista previa de Android o iOS:

Nota: No hay vista previa para iPad o tablet, pero se soportan tablets Android y iPads.

  • En una tablet Android, el carrusel ocupará toda la pantalla como en la vista previa de Android.

  • En un iPad, el carrusel se mostrará en un modal centrado:

Esta es también la pantalla donde puedes iniciar una nueva prueba en tu carrusel. Solo haz clic en Ejecutar una nueva prueba.

Para más información sobre objetivos, pruebas A/B y grupos de control, consulta este artículo.

Personaliza las pantallas individuales

Para crear una nueva pantalla, haz clic en uno de los íconos “+”:

Nota: Los Carruseles Móviles pueden contener un máximo de 10 pantallas.

Para cambiar el orden de tus pantallas, haz clic y arrastra el ícono de agarre:

Selecciona una pantalla existente para abrirla y editarla:

Hay cuatro diseños para elegir y personalizar, o puedes comenzar con una plantilla en blanco. Este ejemplo es la “Lista con íconos” que es perfecta para explicar varias mejoras o las principales formas en que un user puede obtener valor de tu app:

Nota: Cambiar a otro diseño eliminará el contenido existente de esta pantalla.

El contenido de cada pantalla puede editarse directamente en línea:

Se soporta el siguiente formato:

  • Títulos: H1 o H2.

  • Alineación horizontal: Izquierda o centro.

  • Estilo de párrafo: Negrita y cursiva.

Para una experiencia más personalizada, debes incluir atributos de user o empresa en tus mensajes. Solo pasa el cursor y haz clic en el ícono ‘{...}’, luego selecciona el atributo que deseas insertar.

Para editar una imagen o un bloque de ‘imagen con texto’, solo selecciónalo y haz clic en ‘Editar imagen (con texto)’. Luego, ingresa el nuevo contenido y agrégalo al mensaje.

Para agregar una imagen de ancho completo o una imagen con texto, pasa el cursor sobre la pantalla y haz clic en el ícono “+”, luego selecciona el tipo de imagen que deseas agregar.

Nota: Los videos no son compatibles en los Carruseles Móviles, pero puedes agregar GIFs animados.

Elige una acción para el botón

En cualquier pantalla de un carrusel puedes añadir un botón para solicitar uno de los siguientes permisos del dispositivo:

  • Cámara

  • Ubicación

  • Micrófono

  • Galería de fotos

  • Notificaciones push

Las etiquetas de los botones se pueden editar directamente haciendo clic en ellas.

Consejo profesional: Ofrece una explicación clara de por qué necesitas los permisos y cómo se usarán. Esto aumenta la probabilidad de que los users los permitan. 👌

En la pantalla final de un carrusel también puedes añadir un botón para:

  • Abrir un enlace externo. — Perfecto para una URL de compartir en redes sociales o un enlace a un sitio de reseñas.

  • Abrir un enlace profundo a una página en tu app. — Ideal si estás promocionando una función o producto específico.

  • Iniciar una conversación en el Intercom Messenger. — Para una forma sencilla de conectar y apoyar a tus clientes.

Nota: Todas estas acciones cerrarán automáticamente el carrusel.

Importante: Si eliges una de estas opciones para el botón en tu pantalla final, y luego añades otra pantalla o mueves esta pantalla, la acción del botón cambiará a ‘navegar a la siguiente pantalla’ porque estas acciones solo están disponibles en la pantalla final de un carrusel.

Nota: Actualmente la localización no está integrada en la herramienta Mobile Carousel, lo que significa que necesitarías crear carruseles separados para cada idioma si los requieres en diferentes idiomas.

Aspectos a tener en cuenta al solicitar permisos del dispositivo

Cuando un user de tu app acepta una solicitud de permisos del dispositivo (como ubicación), se abrirá el diálogo nativo del sistema para que pueda conceder el permiso:

  • Si ya han concedido el permiso, esta pantalla del carrusel se omitirá.

  • Si previamente han denegado el permiso, se mostrará la pantalla y el botón ‘aceptar’ abrirá la configuración de la app en su dispositivo. El carrusel seguirá ahí cuando regresen a la app.

  • En Android, los permisos de notificaciones push se conceden por defecto. Esta pantalla se omitirá a menos que hayan denegado el permiso previamente.

Importante: Para solicitar permiso de notificaciones push, tus desarrolladores de la app deben haber configurado el SDK móvil de Intercom para notificaciones push. Nuestra documentación para desarrolladores explica cómo hacerlo:


Envía tu carrusel

Una vez que hayas diseñado tu Mobile Carousel, el siguiente paso es mostrarlo automáticamente a una audiencia objetivo.

Primero, elige si el mensaje debe ser ‘Continuo’ o ‘Único’:

Luego, elige a quién debe enviarse este carrusel:

  • New mobile app users — Cualquier persona que descargue y use tu app por primera vez después de que actives el carrusel.

  • Existing mobile app users — Cualquier persona que ya haya descargado y usado tu app antes de que actives el carrusel.

  • All mobile app users — Cualquier persona que ya haya descargado y usado tu app, y cualquiera que lo haga en el futuro.

Luego, añade reglas para definir la audiencia de tu carrusel. Por ejemplo, para animar a los users gratuitos que están obteniendo valor de tu app a actualizar, podrías dirigirte a cualquiera en el plan ‘Free’, que haya sido user por más de 30 días y haya tenido más de 10 sesiones:

Nota: La localización es una función que planeamos desarrollar en el futuro, sin embargo, actualmente no está integrada en los Carruseles, lo que significa que necesitarías crear un Carrusel separado para cada idioma que desees soportar.

Consejo profesional: Este ejemplo usa una combinación de reglas ‘Y’ & ‘O’. Aprende más sobre cómo crear filtros detallados de audiencia aquí.

Si lanzas tu carrusel con código directamente desde tu app móvil, puedes elegir desactivar el envío automático:

Importante:

  • Los Mobile Carousels enviados automáticamente solo se enviarán a cada user coincidente una vez.

  • Si un user no ha actualizado a la versión de tu app con el SDK más reciente de Intercom, no recibirá tu carrusel, pero seguirá presente en la lista de audiencia si coincide con los filtros.

  • Como resultado, el tamaño de la audiencia puede diferir del número real de users que reciben el Carrusel.

  • Una solución para esto es usar el predicado de audiencia ‘Versión de app Android/iOS’, eligiendo solo versiones que tengan SDKs compatibles instalados.

  • Si un user coincide con los filtros de más de un Mobile Carousel, mostraremos primero el más antiguo, basado en cuándo se activó el carrusel.

  • Para asegurar que tus carruseles se envíen como esperas, debes inicializar el SDK móvil cuando tu app se inicie (Aprende cómo hacerlo para iOS & Android). Esto puede aumentar el número de personas activas que rastreas en Intercom.


Añadir un objetivo

Para medir con precisión el impacto de un Mobile Carousel, debes definir un objetivo basado en los datos de tus users que represente la acción que quieres que realicen en tu producto. Elige “+ Añadir objetivo” y selecciona un atributo o evento:

Con el ejemplo usado arriba - animar a los users gratuitos a actualizar su plan - un objetivo adecuado podría ser ‘El plan es pro’.

Luego, selecciona el período en el que quieres que tus clientes logren el objetivo.

Importante: Si los users completan la acción después del período que defines, esto no se contará en las estadísticas del objetivo.


Programa tu carrusel

Luego, debes programar un carrusel para enviarlo en el momento exacto. Hay tres formas de hacerlo:

  • Establece fechas y horas específicas para que comience y deje de enviar.

  • Programa que se envíe durante o fuera de tus horas de oficina.

  • Establece una hora de entrega personalizada durante la cual se enviará.

Nota: Los horarios de activación se basan en la zona horaria de tu workspace.

Para definir una hora personalizada, haz clic en la hora de inicio, luego mantén presionada la tecla ‘shift’ y haz clic en la hora de finalización.

Tu mensaje se enviará durante el período seleccionado.

También puedes establecer horarios de entrega en varios días.

Y eso es todo. ¡Tu Mobile Carousel está listo para enviar!

¿Ha quedado contestada tu pregunta?