---
title: "Trabalhando com o Facebook - Plugin de Chat de Clientes"
slug: "facebook-customer-chat-plugin"
status: "new"
updated: 2026-06-11T13:10:59Z
published: 2026-06-12T10:31:00Z
canonical: "docs.xtremepush.com/facebook-customer-chat-plugin"
---

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

# Trabalhando com o Facebook - Plugin de Chat de Clientes

No nosso [guia rápido de Chatbots e mensagens sociais](/documentation/docs/pt-br/quick-start-social) , detalhamos como trabalhar com o plugin enviar para o messenger do Facebook. Também é possível trabalhar com o plugin de chat do cliente.

![874](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/0d9f24b-Screen_Shot_2018-02-15_at_16.32.43(1).png?sv=2026-02-06&spr=https&st=2026-11-04T08%3A57%3A16Z&se=2026-11-04T09%3A57%3A16Z&sr=c&sp=r&sig=61WJzYruR8orGgtqBJ%2ByQIKSx9xU5HWB%2F%2FQ9U3r31hE%3D)

## Pré-requisitos: integração com o Web SDK

Integrar o plugin de chat de clientes do Facebook exige que você configure sua aplicação web no seu projeto Xtremepush e que complete a [integração do SDK Xtremepush no seu site](/documentation/docs/pt-br/website-integration).

## Integração com plugins de chat de clientes

Revise a documentação do Facebook Messenger para incorporar um plug-in e usar usuários que aceitam a entrada. Você pode encontrar esses documentos na [seção de descoberta e reengajamento.](https://developers.facebook.com/docs/messenger-platform/discovery)

Siga a documentação do Facebook Messenger para incorporar o plugin de chat de clientes no seu site e permitir que os usuários participem ativamente das mensagens. Você precisará modificar o código de embedness do plugin para permitir a sincronização dos usuários que aderem ao Xtremepush. Para poder conectar o usuário ao Xtremepush e permitir que você envie mensagens pelo FB Messenger via seu canal de Facebook, você precisa pegar o ID do Xtremepush e definir o atributo do `ref` plugin igual ao ID do Xtremepush.

Veja a linha destacada abaixo onde usamos o método Xtremepush SDK para obter o ID do dispositivo. Definir esse atributo é fundamental, pois uma vez definido, o ID Xtremepush estará disponível no seu chatbot quando o usuário optar por participar.

```JavaScript
var fbPluginElements = document.querySelectorAll(".fb-send-to-messenger[page_id='XXXXXXXXXXX']");
 if (fbPluginElements) {
 for (i = 0; i < fbPluginElements.length; i++) {
 fbPluginElements[i].setAttribute('ref', xtremepush('get','device_info').id );
 }
 }
```

Uma vez que o ID de usuário seja enviado para o chatbot como parte do opt-in, você pode facilmente sincronizar seu usuário com o chatbot. Se você tem seu próprio chatbot feito para esse fim, siga o guia de integração dentro do [guia de início rápido](/documentation/docs/pt-br/quick-start-social). Se você usa uma plataforma como o ChatFuel, também pode integrá-la adicionando um bloco de API JSON ao fluxo do seu chatbot. Confira nosso [guia dedicado](/documentation/docs/pt-br/chatfuel-chatbot-integration) sobre como integrar o chatfuel para mais detalhes.