# 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>Adicionando um WhatsApp Widget ao seu site</p></figcaption></figure>

#### Acessar Configurações do WhatsApp Widget

1. **Log in** no [Mercuri](https://mercuri.cx).
2. Vá para **Settings > WhatsApp Widget**.

***

#### Configurar as Definições do Widget

1. **Enter Your Business Name:** Este será exibido como o título do widget.
2. **Set a Greeting Text:** Exemplo: "Hey, text me if you need any help."
3. **Enter Your WhatsApp Number:** Certifique-se de que o código do país correto esteja selecionado.
4. **Set a Message Starter Text:** Texto padrão que será preenchido automaticamente quando o usuário iniciar o chat (ex.: "Hi").
5. **Upload Your Logo (Optional):** Exiba o logotipo da sua marca no widget.
6. **Choose Widget Alignment:** Selecione o alinhamento do widget (**Left** ou **Right**).
7. **Add More Responders (Optional):** Atribua vários atendentes para responder aos 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>Adicionando um agente a um WhatsApp Widget</p></figcaption></figure>

#### Adicionando Agentes (Responders)

Agentes são membros da equipe que responderão às solicitações dos clientes através do WhatsApp Widget.

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

**Como Adicionar Agentes**

1. Vá para **Settings > WhatsApp Widget > Responders**.
2. Clique em **+ Add More Responders** para adicionar membros da equipe.
3. Insira o **Agent Name**.
4. Atribua um **Redirect Number** (número para onde as mensagens serão encaminhadas).
5. Ative **Agent Enabled** para ativar ou desativar o atendente.

**Gerenciando Agentes**

* **Enable or Disable Agents:** Ative ou desative agentes conforme necessário.
* **Edit Agent Details:** Modifique o nome ou o número de redirecionamento de um agente.
* **Remove Agents:** Exclua agentes inativos da lista.

***

#### Publicar o Widget

1. Para loja Wix e Shopify, clique em **Publish** para ativar o widget.
2. O widget será automaticamente enviado para sua loja **Wix ou Shopify** se estiver integrada ao Mercuri.
3. Se você estiver usando um site personalizado, prossiga para o próximo passo.
4. Instalar o Widget em Sites Personalizados

   Para sites que não estão no Wix ou Shopify, você pode instalar o widget manualmente.

   1. **Copy the JavaScript Snippet** das configurações do widget.
   2. **Add the Script to Your Website:**
      * Abra o **HTML source code** do seu site.
      * Cole o script **antes da tag de fechamento `</head>`**.
      * Salve e envie as alterações.

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mercuri.cx/mercuri-docs-pt/caracteristicas/whatsapp-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.