Widget de bate-papo do Telegram
Um widget de bate-papo é uma ferramenta valiosa que permite que os visitantes do site se comuniquem em tempo real com sua empresa. Normalmente, ele aparece como um botão localizado na parte inferior de uma página da web, oferecendo uma saudação calorosa e suporte imediato aos usuários. Para integrar perfeitamente um widget de chat ao seu site.
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget.png)
Para criar um widget de bate-papo:
- Navegue até a página do Telegram Bot Manager.
- No Telegram Bot Manager, selecione a seção `Chat Widget` e clique no botão `Criar`.
- Configure o botão de ação preenchendo os seguintes campos e clicando em `Salvar`:
- Escolha um link curto t.me no menu suspenso Ações.
- Faça upload de um arquivo .png ou .jpg para o logotipo do seu usuário ou forneça um link para o logotipo do seu usuário.
- Selecione uma cor na paleta de cores ou insira um código de cor hexadecimal para o fundo do cabeçalho do widget de chat.
- Defina um nome de exibição para seu widget de chat.
- Crie uma mensagem de boas-vindas para seus usuários
- Escolha a posição desejada para o Chat Widget em sua página web.
- Defina o texto do botão.
- Especifique as cores do plano de fundo do botão do widget de bate-papo, da cor do texto do botão, do plano de fundo de foco do botão e da cor do texto do botão.
- Defina o tamanho do botão.
- Forneça uma referência para rastrear facilmente o plugin posteriormente.
- Clique no botão `Salvar` para preservar as configurações de fluxo do bot.
- Clique duas vezes em Iniciar fluxo do bot e dê um nome para o fluxo do bot.
- Agora vamos adicionar a resposta desejada do soquete Start Bot Flow para o Chat Widget. Podemos usar qualquer tipo de resposta como Texto, imagem, áudio, vídeo ou o que quisermos. Em seguida, salve o fluxo do bot.
- Recupere o código incorporado e insira-o no código-fonte do seu site.
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_two.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chatwidget_configure.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_three.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_four.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_five.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_six.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_seven.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_eight.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_nine.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_ten.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_elaven.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_twelve.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat_widget_thirteen.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/save_flow.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/get_embede_code.png)
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/qr_code.png)
O usuário pode inserir o código incorporado em um site personalizado e em um site WordPress. Veja como:
Para site WordPress:
- Copie o código de incorporação JavaScript.
- Acesse seu painel do WordPress.
- Vá para `Aparência`> `Editor de arquivo de tema.`
- Cole o código copiado na seção de rodapé.
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/apparence.png)
Para site personalizado:
- Copie o código de incorporação JavaScript.
- Cole-o na seção de cabeçalho ou rodapé do seu arquivo `index.php` ou `index.html`.
Seu Chat Widget agora será exibido em seu site, proporcionando um meio eficiente de comunicação e suporte aos seus visitantes.
![](https://app.sendflowai.com/assets/docs/telegram_images/bot_manager/chat_widget/chat-widget.png)