> ## Documentation Index
> Fetch the complete documentation index at: https://docs.notifique.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Configurar en el sitio (Web)

> Paso a paso para poner push en tu web: dominios, script y sw.js en Notifique.

<Tip>
  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.
</Tip>

## 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

| Dónde                         | Qué es                                    |
| ----------------------------- | ----------------------------------------- |
| Push App → pestaña **Web**    | Copiar el código listo (script)           |
| **⚙️ Configuración → Web**    | Dominios permitidos (ej.: `mitienda.com`) |
| Botón **Descargar sw-loader** | Archivo que se convierte en `sw.js`       |

<Note>
  El **appId** ya va dentro del script, solo pegas. No hace falta API Key en el sitio.
</Note>

## Paso 1: Crear el Push App

1. Abre [app.notifique.dev](https://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:

```html theme={null}
<script src="https://api.notifique.dev/v1/push/scripts/notifique-push.js"></script>
<script>
  NotifiquePush.init({ appId: 'TU_APP_ID', swPath: '/sw.js' });
</script>
```

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ó?

| Qué pasó         | Qué revisar                                        |
| ---------------- | -------------------------------------------------- |
| No pide permiso  | ¿Script en `<head>`? ¿Errores en la consola?       |
| Permiso denegado | Prueba en incógnito u otro navegador               |
| No llega el push | ¿Dominio en ⚙️ Web? ¿Abre `sw.js` en el navegador? |

## Próximos pasos

* [Integrar apps](/es/push-api/integracao/index)
* [Quick Start API](/es/push-api/como-funciona/quick-start)
