Diseñar formatos populares de in-apps
Resumen
Anchor link toEl Editor In-App de Pushwoosh agiliza el proceso de creación de mensajes in-app de cualquier formato y para cualquier objetivo comercial. Al hacer el trabajo más rápido, puede ejecutar experimentos rápidos y lograr los resultados deseados en menos tiempo.
Para crear una in-app desde cero, solo necesita diseñar el diseño de un mensaje utilizando bloques de arrastrar y soltar y personalizar cada elemento para que se adapte al estilo de su aplicación y a sus objetivos comerciales. No necesita experiencia en codificación o diseño para crear in-apps atractivas y de alta conversión, solo un par de consejos sobre cómo usar mejor el Editor In-App de Pushwoosh.
A continuación, describiremos cómo crear:
- In-apps de pantalla completa: más comúnmente, los muros de ofertas y los muros de pago vienen en esta forma;
- In-apps de pantalla parcial: puede usarlas para solicitudes de recuperación de opt-in y opt-out, promoción de productos y anuncios de funciones.
Mensaje in-app de pantalla completa
Anchor link toVamos a crear un mensaje in-app promocional para la industria del fitness como ejemplo:
- En su cuenta de Pushwoosh, vaya a Contenido → Rich Media y haga clic en Añadir plantilla:
Ingrese un nombre de plantilla, seleccione Crear nueva plantilla y haga clic en Añadir plantilla:
Crearemos una in-app desde cero usando una plantilla en blanco en nuestro ejemplo. También puede elegir una de las plantillas predeterminadas y modificarla según sus necesidades.
- Primero, establezca el tamaño de popup deseado en la pestaña Popup:
- Ahora, agreguemos una imagen a nuestro mensaje in-app. Vaya a la pestaña Contenido y arrastre el bloque de imagen al lienzo. Haga clic en el bloque y cargue su archivo. También puede seleccionar una foto de archivo gratuita directamente en la interfaz del editor haciendo clic en Más imágenes → Fotos de archivo:
Recomendaciones de imagen para in-apps de pantalla completa (orientación vertical)
| Imagen y texto | Alta resolución: 1200 x 1000 px Tamaño mínimo: 600 x 500 px Relación de aspecto: 6:5 |
|---|---|
| Solo imagen | Alta resolución: 1200 x 2000 px Tamaño mínimo: 600 x 1000 px Relación de aspecto: 3:5 |
- Establezca el color de fondo del mensaje in-app: vaya a la pestaña Popup y seleccione el color deseado.
- Ahora, puede agregar el texto de su mensaje in-app. En nuestro ejemplo, colocaremos el texto sobre la imagen. Para hacer esto, seleccione la imagen y haga clic en Aplicar efectos. Haga clic en el botón Texto, inserte su contenido y ajuste sus parámetros:
- También agreguemos algo de texto debajo de la imagen. Vaya a la pestaña Contenido y arrastre el bloque de texto al lienzo. Inserte su texto y personalice sus parámetros si es necesario.
- Finalmente, agregue el botón y configure su color, tamaño y otros parámetros:
En la sección Acción, puede especificar la acción a realizar después de hacer clic en el botón. Seleccionaremos la opción URL o Deeplink:
- Haga clic en Guardar para aplicar los cambios.
Ahora puede usar su mensaje in-app promocional de una de estas maneras:
- Mostrar una in-app como parte de un customer journey;
- Enviar un push que abra una in-app al hacer clic;
- Mostrar una sola in-app a sus usuarios.
Mensaje in-app de pantalla parcial
Anchor link toComo ejemplo de un mensaje in-app de pantalla parcial, crearemos un popup para obtener el consentimiento del usuario para enviar notificaciones push. Este mensaje también puede ayudar a recuperar a aquellos que se dieron de baja de las notificaciones.
- Vaya a su cuenta de Pushwoosh, abra la sección Contenido → Rich Media y haga clic en Añadir plantilla:
Ingrese un nombre de plantilla, elija Crear nueva plantilla y haga clic en Añadir plantilla:
Crearemos una in-app desde cero usando una plantilla en blanco. Alternativamente, puede seleccionar una de las plantillas predeterminadas y adaptarla a sus necesidades.
- Agreguemos una imagen de fondo para nuestro popup. Abra la pestaña Popup, haga clic en Mostrar más opciones en la sección Contenido y cargue la imagen:
- Agregue los bloques de contenido al lienzo. Cada bloque representará un elemento de contenido separado, como un encabezado, texto, etc.
- Agreguemos una imagen al primer bloque de contenido y ajustemos su apariencia:
- Agregue un encabezado al segundo bloque. Establezca la fuente, el color y otros parámetros de texto deseados.
- Ahora, agregue el texto de su mensaje in-app al tercer bloque de contenido. Puede experimentar con los parámetros de fuente, color, alineación de texto, altura de línea y relleno.
- Finalmente, agreguemos un botón a nuestro popup. Personalice el color del botón, el redondeo y otros parámetros si es necesario.
- Haga clic en Guardar para aplicar todos los cambios.
Puede usar su nueva plantilla de mensaje in-app de una de estas maneras: