# WhatsApp Widget

<figure><img src="https://392978341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsZtOBCP9JV8XEWJpUU4t%2Fuploads%2Fb4OcmN8PaFmoAgUV7pJn%2FScreenshot%202025-03-21%20at%207.37.23%E2%80%AFPM.png?alt=media&#x26;token=a645ad86-5533-4ec5-800f-3c955b3778f0" alt=""><figcaption><p>Agregar un Widget de WhatsApp a tu sitio web</p></figcaption></figure>

#### Acceder a la Configuración del Widget de WhatsApp

1. **Inicia sesión** en [Mercuri](https://mercuri.cx).
2. Navega a **Settings > WhatsApp Widget**.

***

#### Configurar el Widget

1. **Ingresa el Nombre de tu Negocio:** Este aparecerá como el título del widget.
2. **Configura un Texto de Bienvenida:** Ejemplo: "Hola, escríbeme si necesitas ayuda."
3. **Ingresa tu Número de WhatsApp:** Asegúrate de seleccionar el código de país correcto.
4. **Configura un Texto de Inicio del Mensaje:** Texto por defecto que se pre-llena cuando un usuario inicia un chat (ej., "Hola").
5. **Sube tu Logotipo (Opcional):** Muestra el logotipo de tu marca en el widget.
6. **Elige la Alineación del Widget:** Selecciona **left** o **right** para la alineación del widget.
7. **Agrega Más Respondedores (Opcional):** Asigna múltiples agentes para manejar los chats.

<figure><img src="https://392978341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsZtOBCP9JV8XEWJpUU4t%2Fuploads%2Fb4OcmN8PaFmoAgUV7pJn%2FScreenshot%202025-03-21%20at%207.37.23%E2%80%AFPM.png?alt=media&#x26;token=a645ad86-5533-4ec5-800f-3c955b3778f0" alt=""><figcaption><p>Agregar un agente al Widget de WhatsApp</p></figcaption></figure>

#### Agregar Agents (Respondedores)

Los agentes son miembros del equipo que responderán a las consultas de los clientes a través del widget de WhatsApp.

{% embed url="<https://www.youtube.com/embed/GxEJMMQBp0I?autoplay=1&loop=1&mute=1>" %}

**Cómo Agregar Agentes**

1. Navega a **Settings > WhatsApp Widget > Responders**.
2. Haz clic en **+ Add More Responders** para agregar miembros del equipo.
3. Ingresa el **Agent Name**.
4. Asigna un **Redirect Number** (el número al que se reenviarán los mensajes).
5. Activa o desactiva el agente con **Agent Enabled**.

**Gestionar Agentes**

* **Activar o Desactivar Agentes:** Puedes activar o desactivar agentes según sea necesario.
* **Editar Detalles del Agente:** Modifica el nombre o el número de redirección del agente.
* **Eliminar Agentes:** Elimina agentes inactivos de la lista.

***

#### Publicar el Widget

1. Para tiendas Wix y Shopify, haz clic en **Publish** para activar el widget.
2. El widget se enviará automáticamente a tu tienda **Wix o Shopify** si estás integrado con Mercuri.
3. Si estás utilizando un sitio web personalizado, procede al siguiente paso.
4. Instalar el Widget en Sitios Web Personalizados

   Para sitios web que no estén en Wix o Shopify, puedes instalar manualmente el widget.

   1. **Copia el Fragmento de JavaScript** desde la configuración del widget.
   2. **Agrega el Script a tu Sitio Web:**
      * Abre el **código fuente HTML** de tu sitio web.
      * Pega el script **antes de la etiqueta de cierre `</head>`**.
      * Guarda y sube los cambios.

***
