Crear mensajes in-app nativos

Los in-apps nativos utilizan diseños predefinidos que el SDK de Pushwoosh renderiza directamente en el dispositivo, en lugar de la página HTML que carga un in-app personalizado. Esto hace que se carguen más rápido y se animen con mayor fluidez, y no necesitas habilidades de diseño o desarrollo para crear uno.

Opta por un in-app nativo cuando quieras lanzar una promoción, un recordatorio o un anuncio de una nueva función rápidamente y no sea necesario un diseño totalmente personalizado. Si necesitas un control total sobre el diseño, crea en su lugar un in-app basado en HTML.

Prerrequisitos

Se necesita asistencia del desarrollador

Puedes crear una plantilla de in-app nativo en el Panel de Control sin necesidad de cambios en el código. Pero los usuarios solo lo verán si su aplicación ejecuta una versión del SDK de Pushwoosh lo suficientemente nueva como para renderizarlo. Consulta con tu equipo de desarrollo antes de lanzarlo.

Antes de crear una plantilla de in-app nativo, asegúrate de que:

• El SDK de Pushwoosh está integrado en tu aplicación para que los mensajes in-app puedan aparecer. Aprende más
• Tu aplicación ejecuta el SDK de iOS 7.2.0+ o el SDK de Android 6.10.0+. Los tres tipos de visualización (modal, fullscreen, stories) necesitan la misma versión mínima y funcionan en ambas plataformas.

Crear una plantilla de in-app nativo

1. Ve a Contenido → In-apps.
2. Haz clic en Añadir plantilla.
3. Introduce un nombre para la plantilla.
4. Selecciona Crear rich media nativo.
5. En TIPO DE VISUALIZACIÓN, elige modal, fullscreen o stories.
6. Haz clic en Añadir plantilla.

El editor se abre con una vista previa móvil en vivo a la derecha y los campos de la plantilla a la izquierda, agrupados en Contenido, Configuración y Acciones. Lo que ves en cada grupo depende del tipo de visualización que hayas elegido.

Configurar el tipo de visualización

Precaución

El menú desplegable Tipo de visualización en la parte superior del editor te permite cambiar de tipo en cualquier momento, pero el cambio restablece todos los campos de Contenido, Configuración y Acciones a sus valores predeterminados para el nuevo tipo. Rellena el contenido solo después de haber decidido un tipo.

Modal

Una tarjeta centrada, que opcionalmente se muestra sobre un fondo atenuado. Rellena estos campos en el panel izquierdo:

• Contenido: un título y un mensaje, cada uno con su propio color de texto, más una imagen opcional.
• Configuración: color de fondo de la tarjeta, un interruptor de Botón de cerrar y un interruptor de Atenuar fondo que oscurece la pantalla detrás de la tarjeta.
• Acciones: uno o más botones. Consulta Configurar botones.

Fullscreen

Una imagen de portada de borde a borde con texto y botones encima. Rellena estos campos en el panel izquierdo:

• Contenido: una imagen de portada, más un título y un mensaje, cada uno con su propio color de texto.
• Configuración: un color de portada (que se muestra mientras se carga la imagen, o en lugar de ella) y un interruptor de Botón de cerrar.
• Acciones: uno o más botones. Consulta Configurar botones.

Stories

Una secuencia de diapositivas a pantalla completa con barras de progreso en la parte superior, similar a las historias de las redes sociales. Cada diapositiva es su propia entrada de Historias en Contenido.

1. Rellena la Imagen, el Título y el Mensaje de la primera diapositiva (cada uno con su propio color de texto).
2. Establece los Segundos para determinar cuánto tiempo permanece la diapositiva en pantalla antes de avanzar. El valor predeterminado es 5. Introduce un valor entre 1 y 30. Los valores fuera de este rango bloquean el guardado (Save) con un error de validación.
3. Opcionalmente, haz clic en Añadir dentro de la diapositiva para darle su propio botón de CTA. Consulta Configurar botones.

4. Haz clic en Añadir debajo de la última diapositiva para añadir otra, y luego repite los pasos 1-3 para ella.
5. En Configuración, establece estas opciones que se aplican a toda la historia, no a una sola diapositiva:
   • Bucle: reiniciar desde la primera diapositiva después de la última.
   • Botón de cerrar: mostrar un control de cierre (✕).

Ejemplo de cómo se ve la historia terminada para el usuario

Configurar botones

Modal, pantalla completa y cada diapositiva de las historias utilizan los mismos campos de botón:

• Texto del botón y su color.
• Fondo, Color del borde y Radio del borde.
• Acción: elige qué sucede cuando el usuario toca el botón:
  • cerrar: descarta el in-app.
  • url: abre el enlace que introduces en el campo que aparece. Utiliza una dirección web (por ejemplo, https://example.com) o un deep link a tu aplicación (por ejemplo, myapp://product/123).

Haz clic en Añadir para añadir otro botón, o en la × de un botón para eliminarlo.

Precaución

Si desactivas el Botón de cerrar y tampoco añades ningún botón, el usuario no tendrá ningún control en pantalla para descartar el in-app.

Añadir localizaciones

Por defecto, un in-app nativo tiene un solo idioma. Para añadir más:

1. Haz clic en + junto al selector de idioma en la barra superior.
2. Selecciona los idiomas que deseas añadir y haz clic en Aplicar.

3. Usa el selector de idioma en la barra superior para cambiar entre idiomas y rellenar los campos de texto para cada uno.

Nota

Cuando añades un idioma, Pushwoosh copia el contenido del idioma predeterminado en él: texto, imágenes y etiquetas de los botones. Cambia a ese idioma y edita cualquiera de estos campos de forma independiente.

Guardar la plantilla

Haz clic en Guardar en la esquina superior derecha para guardar tus cambios.

La plantilla aparecerá entonces en Contenido → In-apps junto con tus otras plantillas de in-app.

Usarlo en una campaña

Una plantilla de in-app nativo aparece en el selector de plantillas junto con tus otras plantillas de in-app.

Puedes usarla para:

• Enviar un in-app instantáneo
• Añadir un paso de in-app a un Customer Journey
• Abrir un in-app cuando el usuario toca una notificación push

Nota

Los ajustes de entrega, como las fechas de inicio y fin y el frequency capping, funcionan igual que para cualquier otro in-app y no forman parte de este editor.