---
description: Aqui está seu guia para usar a integração com o WeChat com o site. Neste artigo, focaremos em como configurar o WeChat web chat e seus benefícios.
title: Um guia sobre como usar a integração com o WeChat com o site [Julho de 2023]
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png
---

1. [Início ](/pt)
2. [\> Blogs ](/pt/blog)
3. [\> How To Article](/pt/category/how-to-article)

# WeChat Web Chat: Como usar a integração do WeChat com o site \[Julho 2023\]

[![Stephanie Yap](https://assets2-proxy.respond.io/ph8r57dk1q9w/ImihtSBQhPthGMwzma4mL/da76d13db9b74013121180c96ff97b1c/Avatar-8.svg?q=70&w=400&fm=avif)](/pt/author/stephanie-yap)

[Stephanie Yap](/pt/author/stephanie-yap)

· 10 Jul 2025

·

5 minutos de leitura

![Um guia sobre como usar a integração com o WeChat com o site [Julho de 2023]](https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png?q=70&w=400&fm=avif)

Planejando instalar um widget de chat do WeChat no seu site? Neste artigo, vamos explicar o que é o WeChat e como usar a integração do WeChat com o site. Em seguida, exploraremos os benefícios de usar o widget de bate-papo web em termos de marketing, vendas e suporte. Finalmente, mostraremos como incorporar a automação de chat no seu widget do WeChat com os fluxos de trabalho do respond.io.

## Integração do WeChat com Website: Uma Introdução

[WeChat](https://respond.io/pt/blog/wechat-official-account) tem mais de 1,2 bilhões de usuários ativos mensais (MAU) e é um centro de um ponto para todas as suas necessidades sociais. É por isso que as empresas que querem entrar ou expandir seus negócios na China precisam ter uma Conta Oficial [WeChat](https://respond.io/pt/blog/wechat-official-account#toc-mobile-6).

Para evitar marketing por spam, o WeChat definiu uma regra segundo a qual as empresas não podem importar contatos. Em vez disso, os clientes devem primeiro enviar mensagens antes de se tornarem contatos. Para encorajar os clientes a enviar a primeira mensagem, você pode adicionar um widget do WeChat ao seu site.

![Esta imagem descreve como usar o WeChat na web. Aqui está o que você precisa saber. O WeChat web requer que você escaneie um código QR para começar a conversar e não permite que empresas importem contatos.](https://assets2-proxy.respond.io/ph8r57dk1q9w/3ZpaFwmmjkgiTBftkfKvkr/7df2c3fb413dc724360b6f15da824439/6316a6248f648c8bf75b57ad-wechatwebchat-image01-800_362e48a46371c544dd286bb89c1b787c.png) 

No entanto, ao contrário de outros canais, o WeChat não suporta o recurso de links clicar-para-chat nas Plataformas de Contas Oficiais do WeChat. A única maneira que os clientes podem entrar em contato no seu widget de chat web é através de códigos QR. 

Ao escanear o código, os visitantes vão pousar no aplicativo onde podem começar a conversar com você. Na próxima seção, mostraremos como configurar o widget do WeChat no seu site. 

### Como configurar a integração do WeChat com o site no respond.io.

Para [lidar com conversas do WeChat em escala](https://respond.io/pt/blog/wechat-official-account#toc-mobile-11), você precisa de um software de gerenciamento de conversa do cliente como respond.io. [Conecte sua conta oficial do WeChat para responder.io](https://help.respond.io/l/pt/channels/wechat#connecting%5Fwe%5Fchat) para permitir que toda sua equipe gerencie todas as conversas de clientes em uma plataforma.

O processo de configuração de um chat do WeChat na resposta .io é simples e pode ser feito rapidamente por [seguindo estas etapas](https://help.respond.io/l/pt/workspace-settings/growth-widgets#creating%5Fwidget).

![Esta imagem mostra um exemplo de como o WeChat aparece quando você coloca o widget do WeChat no seu site para chamar a empresa através do aplicativo WeChat. Este WeChat para web é um suporte para o widget WeChat.](https://assets2-proxy.respond.io/ph8r57dk1q9w/1fL5VegAbYSj5Ti6RbiMMa/545c83a37a249521580ecf5b99014b34/image_c4ef9033fa013b9e423d3f0bf093c63d.png) 

Primeiro, [gere um código QR a partir de sua página de conta oficial do WeChat](https://help.respond.io/l/pt/channels/wechat#how%5Fcan%5Fi%5Fcreate%5Fa%5Fqr%5Fcode%5Ffor%5Fmy%5Fwe%5Fchat%5Faccount) e baixe o código QR como uma imagem em seu computador. 

Então, use a câmera do seu smartphone para escanear o código QR. Uma notificação será exibida. Toque nele para abrir o link associado ao código QR no navegador do seu telefone. Copie a URL na barra de endereços do navegador, você vai precisar dela mais tarde. 

![Esta é uma imagem que mostra os passos para baixar o código QR do WeChat na página de contas oficiais do WeChat. Depois de colocar este código QR, você pode começar a conversar no widget do WeChat para WordPress.](https://assets2-proxy.respond.io/ph8r57dk1q9w/6BDx0IQGOC2v2RPqPEWZ6M/492d5c7bfa5b2fdb40446ee0badc6ad0/image_60829d2d19c514c8e29b13720d45c725.png) 

No respond.io, navegue até _Configurações_ \> _Widgets de Crescimento_. Então, clique em _Adicionar Widget_ e escolha _Widget Multicanal_ antes de clicar em _Criar Widget_.

Depois disso, digite o(s) site(s) onde você deseja adicionar o widget de chat. Em _Elementos do Cabeçalho_, clique em _Adicionar Canal_ e selecione _QR Personalizado_. Cole a URL que você copiou anteriormente no campo de texto sob _Personalizado QR_. 

![Esta é uma imagem mostrando como personalizar a aparência do widget do WeChat clicando em Configurações Avançadas ](https://assets2-proxy.respond.io/ph8r57dk1q9w/1ml4QtTKSzdSKgrLfjwmGD/c2314af316fdaa3d6d4e0f11b378a372/screenshot-2023-03-31-at-30140-pm_4d23204b758f39db8e955b510c8d8abe.jpg) 

Você pode personalizar a aparência do widget clicando nos botões _Configurações Avançadas_. Finalmente, clique em _Gerar Widget_, copie o script gerado e instale-o no seu site. Seu widget estará então pronto para ser usado. 

Se você quiser se conectar com clientes em vários canais, um widget [omnichannel](https://respond.io/pt/blog/omnichannel-widget) pode ajudar. Você também pode optar por [adicionar um widget de chat para o seu site](https://help.respond.io/l/pt/website-chat-widget/website-chat-widget-overview).

Agora que você configurou o widget, vamos aprender mais sobre como usar o WeChat via web para seus negócios.

## Integração do WeChat com o site: Como usar o WeChat Web Chat para Empresas

Aqui, vamos te levar pelos benefícios da integração do WeChat para o seu site, especialmente para vendas e atendimento ao cliente.

### Widget WeChat para vendas

Uma das maiores desvantagens da utilização de um chat ao vivo para vendas é que as identidades dos prospects são muitas vezes anônimas. É difícil para os vendedores obter informações precisas sobre identificação de contato e construir um rapport.

![Esta é uma imagem que descreve como usar o WeChat Web online. Com integração com o site WeChat para vendas, você pode integrar caixa de entrada de mensagens com CRM de vendas para fazer solicitações HTTP para coletar informações de contato e criar ofertas de vendas.](https://assets2-proxy.respond.io/ph8r57dk1q9w/2MsdRWyeQFLx7PlzZSP7q7/e5d827af6a5ce51d107f637ff57ecd13/WeChatWebchat_Image03_dd1c8616997cdbdffca77038881307c7.png) 

No entanto, pode integrar sua caixa de entrada com uma Gestão de Relação de Clientes (CRM). Depois que os clientes te enviarem uma mensagem, você pode fazer [requisições](https://respond.io/pt/blog/february-2022-release-new-workflows-steps-new-navigation-and-messaging-module-design-custom-channel-integration-and-bits-and-bobs#toc-mobile-4) [HTTP](https://respond.io/pt/blog/february-2022-release-new-workflows-steps-new-navigation-and-messaging-module-design-custom-channel-integration-and-bits-and-bobs#toc-mobile-4) para coletar informações de contato e criar ofertas de vendas com [os Workflows](https://help.respond.io/l/pt/workflows/workflows-overview) do respond.io sem sair da plataforma. 

Em seguida, veremos como as empresas podem usar a integração do WeChat para sites que gerem o suporte ao cliente.

### Widget WeChat para atendimento ao cliente

Outro desafio com o chat ao vivo é que não há nenhum histórico de conversas salvo e os agentes não poderão acompanhar as consultas mais tarde. No momento em que os contatos deixam o site, todas as conversas, juntamente com as informações de contato, são perdidas para sempre.

O chat web do WeChat no respond.io permite que os agentes identifiquem clientes que retornam, mesmo que eles tenham [te enviado mensagens de um canal diferente anteriormente](https://respond.io/pt/blog/merge-contacts). Isso fornece aos agentes percepções contextuais sobre questões recorrentes. Se necessário, você pode [escalar casos para outro agente ou equipe](https://respond.io/pt/blog/escalation-management).

![Esta é uma imagem que descreve os benefícios de usar a integração com o site WeChat para suporte. Quando você integra o WeChat no site, consegue acompanhar o histórico de conversas, aproveitar a janela de mensagens de 48 horas e seguir a conversa mais tarde. Confira o blog para aprender mais sobre o WeChat Web Chat](https://assets2-proxy.respond.io/ph8r57dk1q9w/58Q2bYbysVRMPmMI9P5PUP/c00485c6a9caec8d87d6c7d9273b315e/WeChatWebchat_Image04_31b30a566cf126c7974e306784c20b62.png) 

Para evitar que as empresas realizem spam aos clientes, o WeChat implementou uma janela de mensagens de [48 horas](https://respond.io/pt/blog/wechat-official-account#toc-mobile-11). Isso não só incentiva as empresas a responderem prontamente, mas também tende a aumentar a satisfação do cliente com sua marca. 

Se os agentes precisarem entrar em contato novamente após 48 horas, eles podem usar outros canais como SMS, e-mail ou WhatsApp em uma plataforma omnichannel como respond.io para enviar a primeira mensagem e continuar a conversa. 

Para avaliar o nível de satisfação do cliente e saber em que áreas você pode melhorar, envie aos clientes uma pesquisa [CSAT](https://respond.io/pt/blog/csat-customer-satisfaction-score). Vamos passar para a próxima seção, onde vamos focar em criar automação relacionada ao WeChat.

Transforme conversas de clientes em crescimento de negócios com respond.io. ✨

Gerencie chamadas, chats e e-mails em um só lugar!

[ Reserve uma demonstração](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Cadastre-se grátis](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Gerencie Conversas de Widgets do WeChat sem mais esforço com Respond.io

Aqui, mostraremos como criar automação avançada de bate-papo para nivelar seu chat web com fluxos de trabalho.

### Integração do WeChat com o site: Respondendo perguntas comuns.

Em vez de passar tempo respondendo às perguntas frequentes (FAQs), configure respostas automatizadas no seu widget WeChat. Desta forma, você pode reduzir a carga de trabalho dos agentes e permitir que eles se concentrem em assuntos mais importantes.

![Esta é uma captura de tela que mostra as etapas para automatizar as respostas de FAQ nos fluxos de trabalho do Respond.io.](https://assets2-proxy.respond.io/ph8r57dk1q9w/2hBXfjMI0xnlhTlwzWIL9k/b992d3618ec4812ebb4ac14861e6bea1/UploadWeChatlogo2_52711080335d986fd38695771bc2588e.png) 

Para configurar as FAQs, crie um [Passo de Múltipla Escolha em Fluxos de Trabalho](https://help.respond.io/l/pt/workflows/workflow-steps) com até 10 Perguntas Frequentes e respostas. 

Há também o recurso [Snippets](https://help.respond.io/l/pt/workspace-settings/snippets) (funciona como respostas rápidas) onde você pode criar respostas prontas para perguntas comuns, como políticas de reembolso. Ao contrário das FAQs que são acionadas por fluxos de trabalho, os agentes de suporte devem selecionar manualmente as respostas salvas relevantes ao conversar com os clientes.

### WeChat Web Chat: Configurar Mensagens Ausentes

Nenhuma empresa pode estar disponível 24/7\. Mas o que é possível é criar uma [Mensagem de Ausência](https://respond.io/pt/blog/away-message-for-business) para gerenciar as expectativas dos clientes em relação aos tempos de resposta. Agora, os contatos receberão uma Mensagem Ausente se eles enviarem uma conversa do WeChat fora do horário útil.

![Esta é uma captura de tela que mostra as etapas para configurar mensagens em fluxos de trabalho do respond.io's](https://assets2-proxy.respond.io/ph8r57dk1q9w/71iTbWEKTirHCPAp1iRdKa/59583963ac912f5297b9426482b79a92/UploadWeChatlogo1_646c77848542b6028214a8c558a23600.png) 

Para assumir isso, você pode até adicionar o [Faça o Passo de Perguntas](https://respond.io/pt/blog/question-bot) para capturar a informação dos clientes. Em seguida, salve as respostas como [Variáveis](https://help.respond.io/l/pt/dynamic-variables/dynamic-variables) para personalizar suas respostas de acordo com suas necessidades.

Você também pode conferir nossas [melhores práticas sobre como escrever uma mensagem](https://respond.io/pt/blog/away-message-for-business#toc-mobile-3) para a sua empresa.

### Chat Web do WeChat: Encaminhar Contatos do WeChat para a Equipe Certa

Os fluxos de trabalho permitem que você [encaminhe contatos](https://respond.io/pt/blog/chat-routing-contact-routing-workflows-module-respondio) no widget WeChat para a equipe certa. Para começar, crie uma pesquisa [pre-chat](https://respond.io/pt/blog/pre-chat-survey) para coletar informações dos clientes para determinar suas necessidades. Em seguida, aplique a lógica de roteamento para direcionar os clientes à equipe relevante. 

![Esta é uma captura de tela que mostra como configurar o roteamento de chat na respond.io](https://assets2-proxy.respond.io/ph8r57dk1q9w/5CDzj7cRyArT71YlNQ49EO/7237bfafe693a2322ad1da54fdaa48c1/UploadWeChatlogo3_9aabd4c8926b04ba034728b919c50b86.png) 

Em seguida, crie uma lógica de atribuição que identifique o propósito das consultas ou necessidades dos contatos e as atribua ao agente certo. 

Agora que você aprendeu tudo o que precisa saber sobre a integração do WeChat com o site. É hora de [conectar sua conta WeChat para responder .io](https://help.respond.io/l/pt/channels/wechat) hoje.

Transforme conversas de clientes em crescimento de negócios com respond.io. ✨

Gerencie chamadas, chats e e-mails em um só lugar!

[ Reserve uma demonstração](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Cadastre-se grátis](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Leitura adicional.

Além do WeChat, você também pode usar o chat na web com diferentes canais de mensagens. Veja aqui como configurá-los: 

* [Complete o guia para configurar o Widget LINE para o site](https://respond.io/pt/blog/line-web-chat)
* [Como Usar a integração do WhatsApp com o site](https://respond.io/pt/blog/whatsapp-webchat)
* [Um guia para usar o Instagram Web Chat para negócios.](https://respond.io/pt/blog/instagram-widget)

Compartilhe este artigo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/wechat-integration-with-website)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/blog/wechat-integration-with-website)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/blog/wechat-integration-with-website)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/wechat-integration-with-website)

Postagens relacionadas 👩‍💻 

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/pt/blog/best-omnichannel-crm)  
[10 melhores plataformas de CRM omnicanal: comparação de recursos e preçosAs 10 melhores plataformas CRM omnicanal: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk e Freshdesk.](/pt/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/pt/blog/best-ai-chatbots-for-website)  
[Melhores Chatbots de IA para Sites: Principais Plataformas ComparadasDescubra os melhores chatbots de IA para websites em 2025: Respond.io, Intercom, Zendesk AI, Tidio, Chatbase, Drift, HubSpot Chatbot, ManyChat, Landbot](/pt/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/pt/blog/best-ai-agents-for-customer-support)  
[Melhores Agentes de IA para Suporte ao Cliente em 2025: Prós, Contras & PreçosExplore os melhores agentes de IA para suporte ao cliente em 2025\. Compare prós, contras e preços das principais plataformas como respond.io e Intercom.](/pt/blog/best-ai-agents-for-customer-support)

Triplique seus resultados de negócios com Respond.io 🚀

[Fale com vendas](/pt/demo)[Comece o teste grátis](https://app.respond.io/user/register)

2025-12-05T06:12:52.053Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/6UqY6pT6RDVBpybAQYuTbi/bdb75b964b88f14603193366e8f129db/WeChatWebchatCoverImage_aa6b8482306e05e4f052ce62fd72e803.png","headline":"Um guia sobre como usar a integração com o WeChat com o site [Julho de 2023]","alternativeHeadline":"Um guia sobre como usar a integração com o WeChat com o site [Julho de 2023]","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/pt/blog/wechat-integration-with-website","datePublished":"2023-07-19T00:00:00.000Z","dateCreated":"2023-07-19T00:00:00.000Z","dateModified":"2025-07-10T11:11:55.835Z","description":"Deseja integrar o chat web do WeChat ao seu site? Confira nosso guia sobre o que é o widget do WeChat, como configurá-lo e como sua empresa pode se beneficiar dele.","author":{"@type":"Person","name":"Stephanie Yap","url":"https://respond.io/pt/author/stephanie-yap"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/pt/blog/wechat-integration-with-website"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/pt"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/pt/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/pt/category/how-to-article"}]}]
```
