# Web Push Notification

El canal de notificaciones push web es una herramienta eficaz para comunicarse con los usuarios en tiempo real, directamente a través de sus navegadores. Este canal permite enviar mensajes relevantes y personalizados incluso cuando los usuarios no están navegando activamente en el sitio web, asegurando una conexión constante con la marca. 

Las notificaciones push web son altamente efectivas para impulsar la participación del usuario en casos de uso como recordatorios de carrito abandonado, alertas de ofertas especiales y actualizaciones importantes, proporcionando una vía directa para mantener a los usuarios informados y comprometidos.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FPCaR1YsNOkV9wxUMEaSz%2FScreenshot%202024-09-01%20at%205.38.34%E2%80%AFPM.png?alt=media&#x26;token=76ed6bdd-3343-467d-b8d5-98924c9dc610" alt="" width="310"><figcaption></figcaption></figure>

## Configurar

Es posible crear variantes para las pruebas A/B asignando la proporción de tráfico para cada una. Además, la variante se puede pausar o activar en cualquier momento según sea necesario.&#x20;

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FTs2NGZMtaDnyHXKBk6pe%2FScreenshot%202024-09-01%20at%205.43.37%E2%80%AFPM.png?alt=media&#x26;token=0bc959d8-78f1-4b8d-a3a3-7b5903a85e3b" alt=""><figcaption></figcaption></figure>

### Nueva Variante

Para crear la variante es necesario ingresar la Integración mediante se realizará el envío, el titulo, mensaje, imagen, URL y datos personalizados que luego pueden ser utilizados desde la app.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2Fa0J4rRegp2MQDiwQL6io%2FScreenshot%202024-09-01%20at%205.41.48%E2%80%AFPM.png?alt=media&#x26;token=2a157878-6683-4be4-9506-39c4408c35d0" alt=""><figcaption></figcaption></figure>

#### Desde

Integración mediante la cual se enviará la Notificación Push. Las integraciones  se agregan en la sección Integraciones.&#x20;

* [Integraciones](https://academy.gopersonal.ai/guia-de-usuario/integraciones)&#x20;

#### Titulo y Mensaje

Agregar el titulo y el mensaje de la notificación push. &#x20;

Para facilitar la creación de contenido o encontrar inspiración, es posible obtener sugerencias de textos mediante IA  utilizando el generador de texto.

* &#x20;[Generador de texto](https://academy.gopersonal.ai/guia-de-usuario/broadcasts/generador-de-texto)

La personalización es fundamental para crear mensajes atractivos y eficientes. Es posible personalizar estos valores utilizando variables dinámicas relacionadas con el cliente.&#x20;

* [Variables dinámicas ](https://academy.gopersonal.ai/guia-de-usuario/journeys/editor-workflow/canales/variables-dinamicas)

#### Imagen&#x20;

Es posible incluir una imagen en la notificación push web para captar la atención del usuario de manera más efectiva. La imagen puede ser utilizada para destacar promociones, productos específicos o cualquier contenido visual que refuerce el mensaje, incrementando la tasa de interacción y haciendo la notificación más atractiva.

Es posible importar una imagen o agregar el link a la misma. Es posible también utilizar variables dinámicas relacionadas con el cliente para utilizar por ejemplo la imagen del último producto visto por el cliente.&#x20;

* [Variables dinámicas](https://academy.gopersonal.ai/guia-de-usuario/journeys/editor-workflow/canales/variables-dinamicas)&#x20;

{% hint style="info" %}
La resolución recomendada es un aspect ratio de 2:1. Por ejemplo **720x360px**.

No puede ser mayor que **1024x512px.**\
El manańo máximo es 500 **KB**.<br>
{% endhint %}

#### Link

También es posible añadir un enlace dentro de la notificación push web, que redirija a los usuarios a una página específica o contenido relevante. Esto facilita la interacción inmediata con la marca, llevando a los usuarios directamente a ofertas, productos o información clave, lo que aumenta la efectividad.

El link puede ser una URL foja o utilizar alguna de las variables dinámicas. Por ejemplo la URL del último producto visto.&#x20;

* [Variables dinámicas](https://academy.gopersonal.ai/guia-de-usuario/journeys/editor-workflow/canales/variables-dinamicas)&#x20;

Bypass límite de envíos

Permite omitir la configuración de limites de envíos para este caso. Es extremadamente útil para envíos de mensajes críticos o urgentes.&#x20;