Skip to main content
Es como instalar el interfono del edificio en tu sitio: indicas qué direcciones pueden usarlo, pegas un código en la página y el visitante empieza a recibir avisos en el navegador.

​
En pocas palabras

  1. Crea el Push App en Notifique y copia el appId
  2. En ⚙️ Configuración → Web, lista los dominios de tu sitio
  3. Descarga sw.js (sw-loader) y colócalo en la raíz del sitio
  4. Pega el script en el <head>, el mismo del panel
  5. Abre el sitio, acepta notificaciones y prueba desde el panel

​
Qué harás en el panel

El appId ya va dentro del script, solo pegas. No hace falta API Key en el sitio.

​
Paso 1: Crear el Push App

  1. Abre app.notifique.dev → Push → Nueva app
  2. Pon un nombre (ej.: “Web de la tienda”)
  3. Anota el appId en la pantalla de la app

​
Paso 2: Dominios permitidos

  1. En la app, clic en ⚙️ (configuración)
  2. Expande la sección Web
  3. Un dominio por línea, sin https://:
    • mitienda.com
    • www.mitienda.com
  4. Guardar cambios
Si lo dejas vacío, cualquier sitio con tu appId podría registrarse, recomendamos listar tus dominios.

​
Paso 3: Archivo sw.js (recomendado)

El navegador necesita un archivo pequeño en la raíz del sitio.
  1. Pestaña Web → Descargar sw-loader
  2. Guárdalo como sw.js en el proyecto
  3. Debe abrir en https://tusitio.com/sw.js (ej.: public/sw.js)
No hace falta editarlo después.

​
Paso 4: Pegar el script

  1. Pestaña Web → copia el código de Pega este código (modo con sw.js)
  2. Pégalo en el <head> del sitio
  3. Ya trae tu appId y swPath: '/sw.js'
Ejemplo:
Publica el sitio con sw.js y el script en línea.

​
Paso 5: Probar

  1. Abre el sitio en el navegador
  2. Acepta Permitir notificaciones
  3. Envía un push de prueba desde Notifique

​
¿No puedes subir sw.js? (Wix, Shopify, etc.)

  1. Usa el modo sin alojar archivo (fallback)
  2. Pega el script sin swPath
  3. Funciona, pero el aviso puede mostrar el nombre de Notifique

​
¿Algo falló?

​
Próximos pasos