Cómo Instalar Notificaciones Push con PushRelay: Una Guía Paso a Paso

Creado el 6 Agosto, 2024 • 19 vistas • 5 minutos leído

En el mundo digital actual, mantener la conexión con tu audiencia es más importante que nunca. Las notificaciones push son una herramienta poderosa para reenganchar a los usuarios, entregar actualizaciones oportunas y aumentar el tráfico. PushRelay ofrece una plataforma fácil de usar para integrar notificaciones push en tu sitio web. Este artículo te guiará a través de los pasos para instalar notificaciones push usando PushRelay.

¿Qué es PushRelay?

PushRelay es un servicio robusto de notificaciones push que ayuda a las empresas a comunicarse de manera efectiva con sus usuarios. Con soporte para varias plataformas y una interfaz intuitiva, PushRelay simplifica el proceso de envío de notificaciones push, ya seas un desarrollador o un propietario de negocio con habilidades técnicas mínimas.

¿Por Qué Usar PushRelay?

1. Facilidad de Integración: Las APIs simples y la documentación extensa facilitan la integración de PushRelay en tu sitio web.
2. Soporte Multiplataforma: Envía notificaciones a usuarios en múltiples dispositivos, incluyendo desktops y móviles.
3. Análisis Detallado: Monitorea el rendimiento de tus notificaciones con análisis detallados.
4. Personalización: Adapta las notificaciones a las preferencias y comportamientos de tu audiencia.

Guía Paso a Paso para Instalar Notificaciones Push con PushRelay

Paso 1: Regístrate en PushRelay

Primero, crea una cuenta en PushRelay.

1. Visita la Página Principal: Dirígete a la página principal de PushRelay en https://pushrelay.com/es.
2. Registrarse: Haz clic en el botón “Registrarse” o visita directamente https://pushrelay.com/es/register.
3. Rellena la Información: Introduce tu correo electrónico, contraseña y otros datos necesarios, luego verifica tu dirección de correo electrónico para activar tu cuenta.

Paso 2: Configura Tu Sitio Web

1. Visita el Panel de Control: Inicia sesión en tu cuenta de PushRelay y ve al panel de control.
2. Añade Tu Sitio Web: Haz clic en el botón “Añadir Sitio Web”.
3. Introduce los Detalles del Sitio Web: Proporciona un nombre para tu sitio web (por ejemplo, PushRelay) y la URL (por ejemplo, https://pushrelay.com). Este paso ayuda a PushRelay a reconocer tu sitio web.

Paso 3: Instala el Código en tu Sitio Web

1. Descarga pushrelay.js: Desde el panel de control de PushRelay, descarga el archivo pushrelay.js.
2. Sube al Directorio Raíz: Sube el archivo pushrelay.js al directorio raíz de tu sitio web. Asegúrate de que sea accesible en example.com/pushrelay.js.

Paso 4: Configura Tu Widget

1. Habilita/Desactiva el Widget: En el panel de control, puedes habilitar o desactivar tu widget.
2. Personaliza el Widget de Suscripción:
3. Título: Cambia el texto del título del widget.
4. Descripción: Modifica el texto de la descripción.
5. Botón de Suscripción: Personaliza el texto y la apariencia del botón de Suscripción.
6. Botón de Cierre: Personaliza el texto y la apariencia del botón de Cierre.
7. Imagen: Elige una URL de imagen y proporciona el texto alternativo.
8. Mensaje de Éxito: Configura el mensaje que aparece tras una suscripción exitosa.
9. Configuración de Permiso Denegado: Establece qué ocurre si el usuario niega el permiso para enviar notificaciones.

Paso 5: Personaliza la Segmentación

1. Segmentación: Segmenta tu audiencia por:
2. Continentes
3. Países
4. Sistemas operativos
5. Navegadores
6. Idiomas del navegador
7. Opciones de Pantalla: Elige si mostrar las notificaciones en pantallas pequeñas (por ejemplo, dispositivos móviles) o grandes (por ejemplo, desktops).

Paso 6: Configura los Triggers

1. Selección de Páginas: Decide si mostrar el widget en todas las páginas o en páginas específicas.
2. Configuración de Visualización:
3. Retraso: Establece un retraso (en segundos) antes de que aparezca el widget.
4. Frecuencia de Visualización: Determina con qué frecuencia debe aparecer el widget al mismo usuario.
5. Tipo de Retraso de Visualización: Configura qué ocurre tras cerrar la notificación (por ejemplo, volver a mostrar después de un período determinado).
6. Tiempo en el Sitio: Establece el tiempo requerido que un usuario debe estar en el sitio antes de ver el widget.

Paso 7: Configura Opciones de Visualización

1. Posición y Dirección: Elige la posición en la pantalla (por ejemplo, abajo a la derecha, arriba a la izquierda) y la dirección para mostrar el widget.
2. Duración de Visualización: Establece cuánto tiempo permanece visible el widget.
3. Branding: Habilita o desactiva el branding de PushRelay en el widget (nota: los planes gratuitos no tienen esta opción).

Paso 8: Personaliza la Apariencia del Widget

1. Fuente: Cambia el estilo de la fuente del texto del widget.
2. Padding Interno: Ajusta el padding dentro del widget.
3. Colores:
4. Color del Título: Establece el color del texto del título.
5. Color de la Descripción: Elige el color del texto de la descripción.
6. Color de Fondo: Personaliza el color de fondo del widget.
7. Color del Texto del Botón de Suscripción: Establece el color del texto del botón de Suscripción.
8. Color de Fondo del Botón de Suscripción: Elige el color de fondo del botón de Suscripción.
9. Color del Texto del Botón de Cierre: Personaliza el color del texto del botón de Cierre.
10. Color de Fondo del Botón de Cierre: Establece el color de fondo del botón de Cierre.
11. Sombra de Visualización: Habilita o desactiva la sombra alrededor de los bordes de la notificación para un aspecto más dinámico.
12. Borde:
13. Ancho: Establece el ancho del borde del widget.
14. Color: Elige el color del borde.
15. Estilo: Selecciona el estilo del borde—recto, redondeado o altamente redondeado.
16. Animaciones:
17. Animación al Pasar el Ratón: Personaliza la animación que se reproduce cuando los usuarios pasan el ratón sobre el widget.
18. Animación de Entrada: Configura la animación que ocurre cuando el widget aparece por primera vez.
19. Intervalo de Animación: Define el intervalo en el que la animación se repite.

Una vez que hayas personalizado tu widget a tu satisfacción, no olvides hacer clic en el botón Actualizar para guardar tus cambios.

Conclusión

Integrar notificaciones push con PushRelay es un proceso sencillo que puede mejorar significativamente tu estrategia de engagement. Siguiendo los pasos detallados en esta guía, podrás configurar y enviar notificaciones push de manera eficiente. Mantén a tu audiencia informada con actualizaciones oportunas, promociones y más usando PushRelay.

Para obtener más información detallada, asegúrate de explorar la documentación completa y los recursos de soporte disponibles en el sitio web de PushRelay. ¡Feliz notificación!