La configuración de push y ventanas emergentes te permite vincular Brevo a tu sitio web o a tus aplicaciones Android/iOS. De esta manera, podrás administrar las campañas push y de ventana emergente de tu sitio web o aplicación directamente desde Brevo. Puedes configurar notificaciones push y ventanas emergentes en tu sitio web, en tus aplicaciones Android e iOS, o en ambos.
Elige la plataforma en la que quieres realizar la configuración:
Información relevante
- Las notificaciones push y las ventanas emergentes comparten el mismo proceso de configuración. Si ya has configurado una, la otra está lista para utilizarse automáticamente.
- El objetivo de esta configuración es también activar la solicitud de suscripción para los clientes. Si los clientes aceptan la solicitud, recibirán tus notificaciones push cuando visiten tu sitio web o aplicación. Si los clientes bloquean la solicitud de suscripción, nunca volverán a recibirla, ni tampoco tus notificaciones push.
- A diferencia de las campañas push, los visitantes no tienen que dar su consentimento para recibir las ventanas emergentes, por lo que pueden llegar a todo el mundo.
🌐 Configurar notificaciones push y ventanas emergentes en un sitio web
Antes de enviar tu primera campaña, debes configurar push o las ventanas emergentes en tu sitio web. Solo es necesario hacerlo una vez.
Paso 1: Añadir la URL del sitio web
Para acceder a la configuración de push y ventanas emergentes:
- Haz clic en el menú desplegable de la cuenta y selecciona Settings (Configuración) > Campaigns (Campañas) > Push.
- Haz clic en Website (Sitio web).
- Selecciona la tarjeta Website (Sitio web).
- Selecciona el menú desplegable Website (Sitio web) y haz clic en + Add website (Añadir sitio web).
-
Introduce el enlace URL de tu sitio web y haz clic en Add website (Añadir sitio web) para confirmar.
La URL de tu sitio web debe ser la URL de la página de inicio con solo el dominio raíz (sin subdominios). Utiliza uno de estos formatos:
https://yoursite.com o https://www.yoursite.com❗️ ImportanteAsegúrate de que la URL de tu sitio web no redirija automáticamente a otra URL. Si la URL de tu sitio web tiene una redirección, las notificaciones push y las ventanas emergentes no funcionarán. - Haz clic en Continue (Continuar).
Paso 2: Instalar push web y ventanas emergentes en el sitio web
- Si ya has instalado el plugin de WooCommerce o WordPress en tu sitio web, se omite automáticamente el paso de instalación del plugin.
- Si ya has instalado el Brevo tracker en tu sitio web para Automatizaciones, el paso de configuración del Brevo tracker se omite automáticamente para las instalaciones de Google Tag Manager o del Brevo tracker.
Ahora ya puedes instalar push web y ventanas emergentes en tu sitio web:
-
Elige una opción de instalación.
Hay tres opciones para configurar tu sitio web:Estas opciones te permiten vincular Brevo a tu sitio web a través de WooCommerce o WordPress.
- Instala el plugin de WooCommerce o WordPress. Para obtener más información, consulta nuestros artículos dedicados Plugin de Brevo para WooCommerce: sincronizar la tienda y automatizar el marketing y Plugin de Brevo para WordPress: conectar el sitio de WordPress con Brevo.
- Haz clic en Continue (Continuar).
Esta opción utiliza Google Tag Manager para configurar push web y las ventanas emergentes. La ventaja es que no es necesario cambiar el código de tu sitio web.
- Descarga los archivos de configuración.
- Descomprime el archivo.
-
Añade los dos archivos de configuración al directorio raíz de tu sitio web. Una vez que lo haces, tus URL se muestran de este modo:
https://yoursite.com/brevo-frame.html
https://yoursite.com/sw.js💡 Información relevanteAlgunos sistemas de administración de contenidos (CMS) no permiten el alojamiento de archivos y, por lo tanto, no son compatibles con push web y las ventanas emergentes. - Haz clic en Verify setup files (Verificar archivos de configuración) para comprobar que estén correctamente instalados.
- Para todas las páginas de tu sitio web, copia el código de Brevo tracker y pégalo en la sección
<head>del código HTML de dichas páginas.
Esta opción consiste en copiar y pegar un código en tu sitio web.
- Descarga los archivos de configuración.
- Descomprime el archivo.
-
Añade los dos archivos de configuración al directorio raíz de tu sitio web. Una vez que lo haces, tus URL se muestran de este modo:
https://yoursite.com/brevo-frame.html
https://yoursite.com/sw.js💡 Información relevanteAlgunos sistemas de administración de contenidos (CMS) no permiten el alojamiento de archivos y, por lo tanto, no son compatibles con push web y las ventanas emergentes. - Haz clic en Verify setup files (Verificar archivos de configuración) para comprobar que estén correctamente instalados.
- Copia el código de Brevo tracker y pégalo en la etiqueta HTML personalizada.
- Ve a tu sitio web y visita algunas páginas. Esto nos permite verificar si el código de rastreador se ha añadido correctamente. Si es así, Brevo podrá detectar las acciones que realices en tu sitio web.
- Haz clic en Verify Brevo tracker (Verificar Brevo tracker) o Verify Installation (Verificar instalación).
- Los pasos de verificación pueden tardar unos minutos en completarse después de haber completado los pasos anteriores.
- Si la verificación del plugin de WordPress no funciona, puedes intentar recargar la página de administración de WordPress y comprobar que la automatización está activada en WordPress.
Si la verificación sigue sin funcionar después de unos minutos y has completado correctamente los pasos anteriores, ponte en contacto con nuestro equipo de asistencia.
Paso 3: Configurar el icono y el nombre de push web
Puedes configurar el icono y el nombre de tu push web, así como activar las solicitudes de suscripción para que tus visitantes puedan suscribirse a tu campaña push.
- Haz clic en el menú desplegable de la cuenta y selecciona Settings (Configuración) > Campaigns (Campañas) > Push.
- Haz clic en el icono y el nombre de push web.
- Introduce o edita el nombre de tu sitio web.
- Selecciona un archivo PNG o JPG de un máximo de 5 MB para utilizarlo como icono de tu sitio web o arrástralo a esta zona.
- Haz clic en Save (Guardar).
Paso 4: Configurar las solicitudes de suscripción a push web
Los solicitudes de suscripción son las que permiten a tus visitantes suscribirse a las notificaciones push. Para configurar las solicitudes de suscripción:
- Haz clic en el menú desplegable de la cuenta y selecciona Settings (Configuración) > Campaigns (Campañas) > Push.
- Haz clic en Subscription prompts (Solicitudes de suscripción).
-
Activa las diferentes opciones y haz clic en Configure (Configurar) para personalizarlas según tus necesidades. Puedes configurar y personalizar los siguientes elementos:
-
Campana de suscripción
Muestra una campana permanente en la esquina inferior de la pantalla. -
Solicitud nativa
Muestra la solicitud de permiso nativa del navegador en el momento adecuado. Esta opción solo está disponible para HTTPS y está activada de forma predeterminada. -
Cuadro de diálogo HTML
Muestra un cuadro de diálogo personalizable con tu mensaje e icono en el momento adecuado. -
Enlace en línea
Muestra un enlace y un icono en los que se puede hacer clic en cualquier lugar de la página.
-
Campana de suscripción
- Haz clic en Save (Guardar).
📱 Configurar notificaciones push y ventanas emergentes en una aplicación Android o iOS
Para configurar notificaciones push y ventanas emergentes en tu aplicación Android o iOS:
- Haz clic en el menú desplegable de la cuenta y selecciona Settings (Configuración) > Campaigns (Campañas) > Push.
- Haz clic en Android application (Aplicación Android) o iOS application (Aplicación iOS).
- Selecciona el marco que utiliza tu aplicación: Native, Cordova, Ionic, React Native, Expo o Flutter.
- Sube tus:
- (Android) Credenciales de Firebase: ID de proyecto de Firebase, ID de remitente y credenciales de la cuenta de servicio.
- (iOS) Credenciales de Apple: ID de clave, ID de equipo, ID de paquete y detalles del entorno.
- Integra el SDK.
❌ Desactivar notificaciones push y ventanas emergentes
Para dejar de mostrar notificaciones push y ventanas emergentes a tus visitantes, desactiva la integración de Brevo tracker:
- Haz clic en el menú desplegable de la cuenta y selecciona Settings (Configuración) > Campaigns (Campañas) > Push.
- Ve a Configuración avanzada.
- Desactiva la integración de Brevo tracker.
- Haz clic en Save (Guardar).
Las notificaciones push y las ventanas emergentes ya no aparecerán a tus visitantes.
⏭️ ¿Qué es lo siguiente?
- Crear una campaña push
- Crear una campaña de ventana emergente
- Configurar los ajustes de presión y los parámetros UTM
- Revisar las campañas push
- FAQ: Push
🤔 ¿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.