WonderPush te permite crear ventanas emergentes y notificaciones push en dispositivos móviles y web y realizar un seguimiento de los indicadores clave de rendimiento de tus campañas. Una vez que hayas vinculado tus contactos de WonderPush con Brevo, podrás combinar WonderPush con las funcionalidades de Brevo.

Información relevante

• Te ofrecemos una descripción general rápida de cómo comenzar a utilizar WonderPush en Brevo. Para obtener instrucciones más completas y detalladas, consulta la documentación relacionada con WonderPush.

• Desde Brevo, puedes ver y lanzar campañas push y de ventanas emergentes, así como consultar las estadísticas básicas, aunque la mayoría de las funcionalidades se gestionan en el panel de control de WonderPush. Al tratarse de una herramienta externa, WonderPush aún no está completamente integrada en Brevo. Para obtener más información sobre WonderPush, consulta nuestro artículo dedicado ¿Qué es WonderPush?

⚙️ Instalar notificaciones push y ventanas emergentes

La configuración de las notificaciones push y ventanas emergentes es la misma y solo depende de la plataforma en la que quieras instalarlas.

Paso 1: Seleccionar la opción de instalación

1. Desde Brevo, ve a Campaigns (Campañas).
2. Haz clic en Create campaign (Crear campaña).
3. Haz clic en Push.
4. Haz clic en Configure push notifications (Configurar notificaciones push). Se te redirigirá al panel de control de WonderPush.
5. Selecciona el tipo de configuración. Puedes consultar la guía correspondiente en las distintas opciones para obtener más información, dependiendo de la opción de instalación que elijas.
   

Paso 2: Instalar notificaciones push 

Cada opción de instalación tiene instrucciones diferentes. Puedes instalar notificaciones push en:

• tu sitio web
• iOS o Android

🌐 Configurar notificaciones push web

Para la instalación típica en un sitio web:

1. Completa la información de tu sitio web:
   • Nombre del sitio
   • URL del sitio
   • Icono del sitio
2. Activa, desactiva y personaliza las indicaciones de suscripción.
   ➡️ Para obtener más información, consulta el artículo dedicado a WonderPush Indicaciones de suscripción.
3. Para activar WonderPush en tu sitio web, copia y pega el código de tu panel de control en cada página del sitio web. Si no tienes acceso al código de tu sitio, pide ayuda a un desarrollador.
4. Carga los archivos SDK:
   💡 Información relevante

   Si tu sitio web utiliza su propio service worker, consulta el artículo dedicado a WonderPush Integración del service worker.

   1. Haz clic en Download SDK files (Descargar archivos SDK) para descargar wonderpush-sdk-files.zip.

   2. Descomprime el archivo y carga su contenido en la raíz de nivel superior del directorio de tu sitio web para que sea accesible al público.

5. (Opcional) Si quieres integrar WonderPush en tus aplicaciones web progresivas (PWA):
   1. Comprueba tu manifiesto de PWA.
   2. Comprueba la integración de tu service worker.
      ➡️ Para obtener más información sobre cómo integrar WonderPush en tu PWA, consulta el artículo dedicado a WonderPush Aplicaciones web progresivas.

➡️ Para obtener más información sobre cómo instalar las notificaciones push web, consulta el artículo dedicado a WonderPush Notificaciones push web.

📱 Configurar notificaciones push en iOS o Android

Para instalar notificaciones push en iOS o Android:

1. Ve a Platforms (Plataformas).
2. Selecciona iOS application or Android application (Aplicación iOS o aplicación Android).
   💡 Información relevante

   Si utilizas un marco de desarrollo multiplataforma, consulta los artículos dedicados a WonderPush para obtener instrucciones específicas sobre Cordova, React Native y Flutter.
   Aplicación iOS Aplicación Android

   Si has seleccionado la aplicación iOS como plataforma:

   1. Carga tus credenciales push.
   2. Crea la extensión del servicio de notificaciones.
   3. Integra WonderPush en tu proyecto Xcode.
   4. Añade las capacidades del dispositivo.
   5. Añade el código necesario.

   ➡️ Para obtener más información sobre cómo instalar las notificaciones push en iOS, consulta el artículo dedicado a WonderPush Notificaciones push en iOS.

   Si has seleccionado la aplicación Android como plataforma:

   1. Configura las credenciales de Firebase para Android.
   2. Añade el SDK como dependencia.
   3. Configura el SDK y avisa a los usuarios.
   4. Sincroniza Gradle y crea.

   ➡️ Para obtener más información sobre cómo instalar las notificaciones push en Android, consulta el artículo dedicado a WonderPush Notificaciones push en Android.

Recibirás la notificación de bienvenida predeterminada unos minutos después de completar la configuración.

Paso 3: Vincular los contactos de WonderPush con Brevo

Utiliza un identificador común para vincular tus contactos de Brevo existentes con el ID de usuario en el SDK de WonderPush. De lo contrario, los nuevos suscriptores de notificaciones push crearán contactos independientes que no tendrán acceso a los atributos de los contactos que hayas creado cuidadosamente a lo largo del tiempo.

➡️ Para saber cómo vincular tus contactos de WonderPush con Brevo, consulta el artículo dedicado a WonderPush ID de usuario. Dependiendo del uso que hagas de Brevo, existen varias opciones disponibles para una correcta integración.

💬 Crear la primera notificación o ventana emergente

Ahora puedes crear y enviar notificaciones push y ventanas emergentes en la plataforma para la que hayas completado la configuración.

Notificación push Ventana emergente 

Para crear una notificación:

Ve a: El panel de control de push: Notifications (Notificaciones) > Create notification (Crear notificación). En Brevo: Campaigns (Campañas) > Create campaign (Crear campaña) > Push. Configura tu notificación. Haz clic en Save notification (Guardar notificación). Para lanzar la campaña: Si has optado por enviar esta notificación manualmente, haz clic en FIRE (DISPARAR). Si has optado por enviar esta notificación en una fecha concreta, periódicamente, cuando un suscriptor realice un evento o después de que un suscriptor pase a formar parte parte de la audiencia, haz clic en ACTIVE (ACTIVAR).

➡️ Para obtener más información, consulta el artículo dedicado a WonderPush Editor de notificaciones push.

Para crear una ventana emergente:

Desde el panel de control de push, ve a Popups (Ventanas emergentes) > Create popup (Crear ventana emergente). Selecciona una plantilla HTML o un formato básico que no requiera codificación. Configura tu ventana emergente. Haz clic en Save popup (Guardar ventana emergente). Activa la ventana emergente.

➡️ Para obtener más información, consulta el artículo dedicado a WonderPush Cómo empezar a utilizar las ventanas emergentes.

📊 Panel de control Overview (Descripción general)

El panel de control Overview (Descripción general) proporciona análisis detallados de tus notificaciones push y ventanas emergentes.

Hay dos conjuntos de métricas en la página Overview (Descripción general):

• métricas relacionadas con las notificaciones;
• métricas relacionadas con los suscriptores únicos.

En las tablas siguientes se muestran las métricas disponibles de forma predeterminada en la página Overview (Descripción general) y una breve descripción de las notificaciones push y las ventanas emergentes.

Puedes elegir qué métrica mostrar, seleccionar un intervalo de fechas y una precisión, filtrar por plataforma e incluso añadir tus propias métricas.

➡️ Para obtener más información, consulta el artículo dedicado a WonderPush Uso del panel de control.

🕵 Parámetros UTM

Los parámetros UTM son etiquetas de seguimiento que se añaden al final de las URL para medir el rendimiento de la campaña. Puedes configurar de forma global los parámetros utm_* (y otros) de las cadenas de consulta para que se añadan a las URL de destino de tus notificaciones push y ventanas emergentes.

Configurar los parámetros UTM

Para configurar los parámetros UTM, en tu panel de control de WonderPush, ve a Settings (Configuración) > UTM parameters (Parámetros UTM).

En la siguiente tabla se muestra la configuración que puedes utilizar para empezar:

➡️ Para obtener más información, consulta el artículo dedicado a WonderPush Parámetros UTM.

🫖 Gestión de la presión

La gestión de la presión proporciona herramientas para evitar abrumar a los usuarios con notificaciones push y, al mismo tiempo, volver a captar su atención de manera eficaz. El uso de la gestión de la presión ayuda a evitar que los usuarios desactiven las notificaciones push en su sitio web o aplicación, lo que ayuda a retener a tus suscriptores. También se recomienda la gestión de la presión para la automatización.

Para gestionar la configuración de la presión, en tu panel de control de WonderPush, ve a Settings (Configuración) > Pressure (Presión).

La configuración de la presión te permite definir:

• Limitación de frecuencia: limita la cantidad máxima de mensajes por hora, día o semana que un dispositivo puede recibir de una aplicación o sitio web determinados.
• TTL (Tiempo de vida): define el tiempo máximo que las puertas de enlace push (Apple, Google...) intentan entregar la notificación.
• Velocidad de entrega: regula la velocidad a la que se envían las notificaciones, lo que evita la sobrecarga de tu servidor.
• Reglas de visualización (web): configura el grado de intrusión del modo de visualización en el dispositivo del usuario o después de un apagado prolongado del dispositivo.

Para obtener más información, consulta el artículo dedicado a WonderPush Gestión de la presión.

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.