La mensajería in-app es una de las mejores formas de llegar a tus usuarios mientras están dentro de tu app. La solución de siempre ha sido el editor de in-apps HTML clásico. Es genial para diseños complejos y a medida, pero pesado para las pruebas rápidas e hipótesis que un marketing manager corre día a día.

Ahora, los mensajes in-app nativos le dan al marketer autonomía total. Eliges un layout ya armado directo en el editor, lo personalizas y lo lanzas en minutos, sin depender de un diseñador ni de un equipo de dev.

Esta guía cubre qué son los in-apps nativos, cómo personalizarlos y cómo elegir el layout correcto para cada objetivo: onboarding, conversión, winback y retención.

📖 ¿Recién arrancas con este canal? Empieza por qué son los mensajes in-app y por qué funcionan.

Crea tu primer in-app nativo con Pushwoosh

7 layouts, sin código, vista previa en vivo.

Pruébalo gratis

¿Qué es un mensaje in-app nativo?

Hay 2 formas de armar un mensaje in-app.

Un in-app HTML clásico es una página web a medida que el SDK muestra como overlay sobre tu UI nativa, con control total del diseño y renderizado web. Es la opción correcta cuando necesitas algo que los layouts listos no cubren: un formulario de feedback o encuesta, contenido interactivo a medida, o un diseño 100% personalizado que subes como ZIP.

Un in-app nativo es distinto: el SDK lo dibuja con los componentes propios de la plataforma, a partir de un layout listo que completas en el editor — sin HTML, sin web view. Abre más rápido, anima más fluido y se ve como parte de la app misma.

7 tipos de in-app nativo y cuándo usar cada uno

Pushwoosh te da 7 layouts nativos directo en el editor de in-apps. Entonces, ¿cómo saber cuál usar?

Elegir el layout es en realidad una pregunta de interrupción: ¿cuánta pantalla, y cuánta atención del usuario, se merece este mensaje ahora mismo? Responde eso primero y el layout se elige solo.

Layout de banner in-app nativo: una barra compacta de 'Nuevos ingresos' fija en la parte superior de la pantalla principal de la app
Layout de sheet in-app nativo: un panel de 'Renueva tu espacio' que sube desde abajo con un handle para arrastrar y un botón Comprar ahora
Layout de modal in-app nativo: una tarjeta centrada de 'Renueva tu espacio' sobre una pantalla principal atenuada
Layout de pantalla completa in-app nativo: una imagen de portada de borde a borde 'Un hogar más tranquilo' con texto y un botón Comprar ahora
Layout de stories in-app nativo: slides a pantalla completa con barras de progreso arriba y un botón Explorar
Layout de carrusel in-app nativo: una tarjeta deslizable a pantalla completa 'Un rincón más tranquilo' con puntos de paginación
Layout de video in-app nativo: un reproductor a pantalla completa con botón de play y texto superpuesto 'Dale estilo a tu espacio'
  • No interrumpas: banner. Una barra compacta fija arriba o abajo. El usuario sigue haciendo lo que vino a hacer; el mensaje simplemente está ahí. Úsalo para avisos que pueden esperar un tap o dos: un paso sin terminar, una función nueva, una recompensa chica.
  • Interrumpe un poco: sheet. Un panel sube desde abajo, con un handle para arrastrarlo y cerrarlo. Dice “una cosa rápida sobre lo que estás viendo”. Acá van las acciones contextuales dentro de una sesión: guardar este producto, activar esta opción, confirmar esta elección.
  • Interrumpe brevemente: modal. Una tarjeta centrada sobre una pantalla atenuada. Detiene al usuario, pero solo para una decisión. Ofertas, novedades y momentos de sí o no.
  • Toma toda la pantalla: fullscreen, stories, carrusel, video. Son para los momentos en que el usuario está dispuesto a detenerse. Onboarding, una promo grande, un recorrido de producto. Úsalos cuando el resultado justifique una pausa completa, no porque el layout se vea impresionante en el editor.

Esta escalera te dice cuánta pantalla tomar. Ahora veamos cada layout por separado: qué es, el momento en que encaja, la etapa del lifecycle y el KPI a seguir.

LayoutQué esMejor momentoEtapa del lifecycleKPI a seguir
BannerBarra compacta, arriba o abajo, no bloqueanteUn aviso que no debe romper la sesiónEngagement, retenciónCTR
SheetPanel inferior con handle para arrastrarUna acción contextual en la pantalla actualEngagement, conversiónTasa de interacción, journey goal
ModalTarjeta centrada sobre un fondo atenuadoUna oferta o novedad que necesita una decisiónConversión, winbackCTR, journey goal
FullscreenImagen de portada de borde a borde con texto y botonesOnboarding, una promo grandeOnboarding, conversiónJourney goal (activación, compra)
StoriesSlides secuenciales a pantalla completa con barras de progresoUna serie de pasos o funcionesOnboarding, adopción de funcionesInteracciones, journey goal (función usada)
CarruselTarjetas deslizables a pantalla completa con puntos de paginaciónUna selección o catálogoEngagement, conversiónCTR al producto, journey goal
VideoReproductor HLS o MP4 a pantalla completa con texto y botones superpuestosUna demo de producto o funciónOnboarding, conversiónInteracciones en el botón superpuesto, journey goal
Layout
1 / 7
Banner
Qué es
Barra compacta, arriba o abajo, no bloqueante
Mejor momento
Un aviso que no debe romper la sesión
Etapa del lifecycle
Engagement, retención
KPI a seguir
CTR
Layout
2 / 7
Sheet
Qué es
Panel inferior con handle para arrastrar
Mejor momento
Una acción contextual en la pantalla actual
Etapa del lifecycle
Engagement, conversión
KPI a seguir
Tasa de interacción, journey goal
Layout
3 / 7
Modal
Qué es
Tarjeta centrada sobre un fondo atenuado
Mejor momento
Una oferta o novedad que necesita una decisión
Etapa del lifecycle
Conversión, winback
KPI a seguir
CTR, journey goal
Layout
4 / 7
Fullscreen
Qué es
Imagen de portada de borde a borde con texto y botones
Mejor momento
Onboarding, una promo grande
Etapa del lifecycle
Onboarding, conversión
KPI a seguir
Journey goal (activación, compra)
Layout
5 / 7
Stories
Qué es
Slides secuenciales a pantalla completa con barras de progreso
Mejor momento
Una serie de pasos o funciones
Etapa del lifecycle
Onboarding, adopción de funciones
KPI a seguir
Interacciones, journey goal (función usada)
Layout
6 / 7
Carrusel
Qué es
Tarjetas deslizables a pantalla completa con puntos de paginación
Mejor momento
Una selección o catálogo
Etapa del lifecycle
Engagement, conversión
KPI a seguir
CTR al producto, journey goal
Layout
7 / 7
Video
Qué es
Reproductor HLS o MP4 a pantalla completa con texto y botones superpuestos
Mejor momento
Una demo de producto o función
Etapa del lifecycle
Onboarding, conversión
KPI a seguir
Interacciones en el botón superpuesto, journey goal

Personaliza tu mensaje in-app

Un layout nativo es solo la mitad del valor. La otra mitad es que cada campo dentro se puede cambiar por usuario.

3 técnicas de personalización cubren la mayor parte de lo que necesita un marketer:

Contenido dinámico. Trae cualquier atributo del usuario al copy — nombre, plan, ciudad, última categoría comprada — con modificadores de formato para que quede prolijo, y después usa Liquid para la lógica condicional: muestra una oferta a usuarios en trial y otra a suscriptores, cambia el CTA por segmento.

Editor de in-apps nativos de Pushwoosh: insertando contenido dinámico en un campo de texto del mensaje

Localización. Un in-app nativo arranca en 1 idioma. Agrega más, y Pushwoosh copia el contenido por defecto — texto, imágenes y etiquetas de botones — a cada idioma nuevo para que lo traduzcas. Cada usuario ve después la versión que coincide con el idioma de su dispositivo, así que un mensaje armado una vez le habla a cada audiencia en su idioma.

Editor de in-apps nativos de Pushwoosh: agregando localizaciones a un mensaje

Generador de códigos de barras y QR. El editor nativo genera códigos de barras o QR, y puede traer el valor desde un device tag con el formato {Coupon|String|}. Cada usuario recibe su propio código escaneable renderizado en el dispositivo, sin nada que hostear ni imagen que generar aparte.

Editor de in-apps nativos de Pushwoosh: configuración de código de barras con el valor tomado de un device tag

In-app nativo en acción: casos de uso y ejemplos

Así se ve esto en apps reales. Cada caso abajo arranca con un problema que probablemente ya viste en tu propio funnel, nombra el layout que lo resuelve y recorre la configuración en Pushwoosh.

👋 Onboarding: da la bienvenida con fullscreen o stories

El problema: un usuario nuevo abre la app por primera vez y tiene que descubrir el valor solo. La mayoría de las primeras sesiones terminan sin lograrlo.

La capacidad: fullscreen se adueña de la primera pantalla para una bienvenida clara y una sola acción. Stories recorre las funciones principales con slides que se tocan, con barras de progreso que muestran cuánto falta.

Stories de onboarding in-app: un slide de 'Sigue tus objetivos' con barras de progreso arriba y un botón Siguiente

En Pushwoosh: en el primer app_open, dispara un fullscreen con el valor principal y un solo CTA. Síguelo con un mensaje de stories — un slide por función clave — para impulsar el primer uso.

📖 Más sobre esto: mensajes in-app de bienvenida.

💸 Winback: un modal con un cupón que se escanea

El problema: un comprador inactivo necesita una razón real para volver, no solo un mensaje de “te extrañamos”. En temporadas como Hot Sale o Buen Fin, un cupón con fecha de vencimiento corta es justo el empujón que falta.

La capacidad: una plantilla de in-app nativo configurada como click action del push, así el tap abre un modal con un código QR personal desde el device tag {Coupon|String|}.

Modal de winback in-app: tarjeta de '20% de descuento en tu próxima compra' con un código QR personal para escanear en caja

En Pushwoosh: segmenta a los compradores inactivos 21+ días, muéstrales un modal con su código personal — escaneable en el mostrador, sin imagen de terceros.

📖 Guía completa de flujos de cupones escaneables: marketing con cupones para apps móviles.

El problema: una oferta estática casi nunca coincide con lo que un comprador puntual realmente quiere.

La capacidad: el layout de carrusel, tarjetas deslizables a pantalla completa, con Liquid trayendo el nombre de la categoría y el copy desde la última categoría que vio el usuario. Funciona especialmente bien en apps de e-commerce y marketplaces al estilo MercadoLibre, donde el catálogo cambia todo el tiempo.

Carrusel de catálogo in-app: tarjeta 'Elegido para ti en Decoración de hogar' con una lámpara de mesa de lino, precio de $89 y un botón Comprar ahora

En Pushwoosh: dispara con un evento de vista de categoría, muestra un carrusel de 4 tarjetas: “Elegido para ti en {LastCategory}”, cada tarjeta con imagen de producto, precio y un botón a la página del producto.

💳 Nudge de retención: un banner que no interrumpe

El problema: una app de inversión o finanzas personales tiene usuarios que se registraron, vincularon una cuenta y nunca terminaron la verificación. Un modal en cada apertura solo les enseña a cerrar modales — y en el boom fintech de la región, ese paso sin terminar es justo donde más apps pierden usuarios.

La capacidad: el layout de banner, fijo abajo, visible en cada pantalla hasta que se complete el paso, descartable sin perder la sesión.

App FinTech con un banner in-app nativo fijo abajo en la pantalla de saldo de cuenta, invitando al usuario a terminar la verificación

En Pushwoosh: cuando un usuario tiene una verificación sin terminar o una función sin usar, muéstrale un banner — “Termina tu verificación para desbloquear transferencias” — un tap, cero interrupción.

Crea tu primer in-app nativo en 5 pasos

El camino completo, de una plantilla a un mensaje en vivo en el Customer Journey Builder:

  1. Elige el layout según el nivel de interrupción

    Decide cuánta pantalla se merece el mensaje, y después elige el tipo de display.

  2. Armalo en el editor nativo

    Content → In-apps → Create in-app → Create native rich media. Los campos se agrupan en Content (texto, imágenes desde una URL o Media storage), Config (colores, fondo, comportamiento) y Actions (botones y qué hacen). La guía paso a paso cubre cada campo.

  3. Agrega tags y Liquid

    Suma un nombre, segmento, oferta o código de cupón para que cada usuario vea su propia versión.

  4. Revisa la vista previa en vivo

    El editor renderiza el mensaje tal como se va a ver en el dispositivo. Revísalo acá antes de publicarlo.

  5. Lánzalo

    Configura el trigger y la audiencia, coloca el nodo de in-app en el flow, y sal en vivo.

🚨 Los errores que rompen los in-apps nativos sin que nadie se dé cuenta:

  • Lanzar con un SDK viejo. Sheet, carrusel y banner necesitan Android 6.10.1+ / iOS 7.2.1+; video necesita Android 6.11.0+. Por debajo del mínimo, no se muestra nada.
  • Pensar en HTML. Nativo no es un web view. Armas con bloques y diseñas para el layout, no para una página.
  • Lanzar sin vista previa. La vista previa en vivo existe justamente para que un render roto nunca le llegue a un usuario. Úsala siempre.

Conecta con tus usuarios en sesión con los in-apps nativos de Pushwoosh

Los mensajes in-app nativos te dan 7 layouts listos, personalización por usuario en cada uno, y una vista previa en vivo que atrapa los problemas antes de publicar — sin HTML, sin cuello de botella de diseño. Elige el momento que más importa para tu app: un paso de onboarding, un winback, un nudge a mitad de sesión, y arma el in-app detrás.

Para equipos de e-commerce en América Latina, esto es especialmente útil de cara a Hot Sale, Buen Fin o CyberMonday: puedes lanzar y ajustar in-apps nativos sin esperar al equipo de diseño, justo cuando el funnel se mueve más rápido.

Crea tu primer in-app nativo
Pruébalo gratis

Valentina Stepanova
Escritora de marketing de contenido en Pushwoosh
Compartir

Artículos relacionados

Ver todo