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

***