O Botpress integra-se ao seu site através do Webchat, um frontend personalizado para seu bot criado pelo Botpress. Adicione seu bot a um site ou aplicativo com um código de incorporação ou uma biblioteca React totalmente personalizável.
Copie o código de incorporação do seu bot no Painel e adicione-o à seção head do HTML do seu site.
Use a biblioteca React do Webchat para construir um componente Webchat diretamente em sua aplicação.
Defina a cor principal, fonte, modo de tema, estilo do cabeçalho, estilo das mensagens e raio dos cantos, ou modifique as classes CSS integradas.
Exiba o Webchat dentro de um elemento HTML específico, ocultando o balão de chat e dando mais controle sobre a aparência e localização.
Você precisa de um bot publicado e conhecimento básico de HTML para adicionar o Webchat a um site auto-hospedado.
Abra o Workspace do seu bot, selecione o bot, vá até Webchat, depois Configurações de Deploy e copie o código de incorporação.
Cole o código de incorporação na seção head do HTML do seu site, depois abra seu site e comece a conversar com seu bot.
Ajuste identidade, aparência, configurações de deploy e recursos na seção Webchat do Painel, depois selecione Publicar Configuração.
Defina o avatar do seu bot, nome de exibição, descrição, placeholder do compositor e um avatar personalizado para o Botão de Ação Flutuante.
Adicione um e-mail opcional, número de telefone, site, termos de serviço e política de privacidade.
Defina uma mensagem proativa, um tipo de gatilho e um tempo de atraso, e visualize o balão no Painel.
Ative o feedback de mensagens e visualize os dados de feedback no menu de Análises.
Permita que os usuários enviem arquivos e ative notificações sonoras para novas mensagens com o Webchat v3.3 ou superior.
Permita que os usuários visualizem e continuem conversas anteriores com o Webchat v3.6 ou superior, e escolha entre armazenamento de sessão ou local para o histórico do chat.
Alterne o Webchat com o balão de chat padrão, uma imagem de balão personalizada ou seu próprio elemento HTML.
Mova o botão e a janela de chat para o lado esquerdo da tela sobrescrevendo o CSS padrão.
Use o ID do cliente Webchat do seu bot para identificar a instância do Webchat ao desenvolver com a biblioteca React.
Sim. O Webchat é um frontend personalizado para seu bot, criado pelo Botpress, que adiciona seu bot ao seu site com um código de incorporação ou uma biblioteca React.
Sim. A documentação do Webchat inclui guias para adicionar seu bot a sites WordPress, Wix e Webflow.
Você precisa de um bot publicado e conhecimento básico de HTML. Conhecimento básico de CSS ajuda caso queira usar estilos personalizados.
Sim. A configuração de Origens Permitidas, disponível no plano Team do Botpress ou superior, permite listar os domínios autorizados a acessar o Webchat.
Não. Os estilos definidos no Painel não se aplicam à biblioteca React do Webchat, onde você deve usar a propriedade de configuração.
Copie o código de incorporação nas Configurações de Deploy do Webchat e adicione-o à seção head do HTML do seu site.
