O Widget de Chat do Site permite que visitantes do site entrem em contato via chat ao vivo ou através de outros canais de mensagens que você conectou.
Assista o vídeo abaixo para um guia passo-a-passo em Como conectar o Chat de Site para responder.io.
Passo 1: Vá para Configurações > Canais
Etapa 2: Clique em Adicionar canal > Bate-papo no site > Conectar
Passo 3: Preencha o(s) site(s) onde o Widget será adicionado.
Consulte o seguinte em como sites podem ser permitidos na lista branca.
Se o usuário adicionahttps://app.respond.ioentão apenashttps://app.respond.ioserá whitelisted. Qualquer outro subdomínio ou raiz não deve funcionar.
Se o usuário adicionahttps://*.respond.io, então todos os subdomínios incluindo o domínio raiz serão permitidos na lista branca.
Se o usuário adicionahttps://respond.io, então apenas o domínio da raiz será colocado na lista branca.
Passo 4:Selecione uma cor do tema para o widget usando o seletor de cores interativo.
Escolha uma cor que combine com a sua marca cor e site.
Passo 5:Selecione um ícone para mostrar no site. Se você preferir enviar um ícone personalizado, você pode enviar um ícone do quadrado com um tamanho recomendado de 256px x 256px.
Widgets podem ser mais personalizados uma vez conectados.
Passo 6: Clique emPróximo> Adicionar script ao seu site preferido. Como alternativa, você pode enviar as instruções de instalação para outra pessoa por email.
Você pode exigir um webmaster ou um administrador técnico para auxiliar a instalar o widget de bate-papo no site. Solicite assistência se necessário.
Dependendo de qual sistema você usa para criar e gerenciar o seu site, nós criamos um guia passo a passo para guiá-lo através da instalação do Widget de Bate-Papo em seu site.
Para outras plataformas ou serviços, navegue até a fonte HTML da página. Cole o script antes do marcador </body>.
<body>
...
...
...
<Paste Script Here>
</body>Se precisar de ajuda, você pode optar por encaminhar o script junto com as instruções de instalação ao administrador do seu site. Selecione a caixa de seleção correspondente e insira o endereço de e-mail de alguém que pode ajudar você a instalar o plugin de bate-papo.
O widget de bate-papo do site respond.io aparecerá no seu site assim que o script for instalado com sucesso.
Etapa 1:Em seu espaço de trabalho, vá paraConfigurações>Canal
Etapa 2: Localize o canal de bate-papo do site > clique em Personalizar
Personalize o widget do site para combinar com a aparência do site'para que o widget tenha uma aparência uniforme. No lado direito da página, há uma prévia do widget de bate-papo do site. Qualquer personalização feita no widget será refletida no widget para ajudar você a ter uma ideia melhor do que está personalizando.
Você pode personalizar o seguinte para alterar a aparência de exibição do widget no site.
Campo | Descrição |
|---|---|
Cor do Tema | A cor escolhida será usada como cor primária do seu widget. |
Cor do Texto | A cor escolhida será usada como a cor principal do texto do seu widget. |
Ícone do Chat | O ícone selecionado é usado dentro do balão do widget junto com a cor do tema. Você pode carregar um ícone personalizado, se necessário. |
Mensagem Popup | A mensagem Popup é mostrada aos visitantes do site uma vez por dia 5 segundos após a carga da página. Se não for definido, nenhuma mensagem pop-up aparecerá para os visitantes do site. |
Validação para ícone de bate-papo do site:
Tamanho máximo do arquivo: 1 MB
Dimensão máxima do arquivo: 256 x 256 px
Forma: Quadrado
Campo | Descrição |
|---|---|
Alinhar para | Os usuários podem escolher especificar uma posição para exibir o widget à esquerda ou à direita da plataforma. |
Espaçamento vertical | Os usuários podem especificar a quantidade de espaçamento vertical entre o widget de bate-papo do site e a parte inferior da tela. |
Espaçamento horizontal | Os usuários podem especificar a quantidade de espaçamento horizontal entre o widget de bate-papo do site e a lateral da tela. |
Tamanho do widget | Os usuários podem escolher o tamanho do widget entre Pequeno, Padrão ou Grande. |
Opções de Exibição | Os usuários podem escolher exibir este widget no desktop, em dispositivos móveis ou em ambos. |
Campo | Descrição |
|---|---|
Título | O título será exibido na parte superior do seu widget de bate-papo. |
Tagline | O slogan será exibido abaixo do título. |
Logotipo do site | Solte a imagem do seu logotipo aqui para que ela seja exibida no topo do chat do site. O formato pode ser PNG, SVG ou JPG e o tamanho do arquivo não deve ser maior que 4,0 MB. |
Ícones do Canal | Esta opção permitirá que os Contatos entrem em contato com você por meio do Canal de sua preferência, desde que as opções sejam fornecidas. Você pode adicionar até seis canais e eles serão exibidos na parte superior do widget de bate-papo do site. |
Cor dos ícones do canal | Os ícones do canal podem ser exibidos em branco ou colorido no seu widget de bate-papo. Selecione Branco ou Colorido para combinar com a cor do tema do seu widget de bate-papo. |
Validação para o logotipo do chat do site:
Tamanho máximo do arquivo: 4 MB
Dimensão máxima do arquivo: 1024 x 1024 px
Forma: Quadrado
Se o widget de bate-papo do site nunca tiver sido configurado antes, os canais conectados com informações adequadas serão listados por padrão como links de canais do widget.
Você pode adicionar os links do canal do widget e especificar as informações necessárias para o canal selecionado.
Aqui está a lista de campos de entrada necessários para cada um dos links de canal suportados.
Links do canal | Campo de entrada obrigatório |
|---|---|
Número de telefone WhatsApp | |
Mensageiro do Facebook | Identificação da página do Facebook |
Telegram | Nome do bot do Telegram |
Twitter ID | |
LINE | ID DA LINHA |
Viber | Nome da conta pública do Viber |
SMS | Número de telefone SMS |
Endereço de e-mail | |
Chamada telefônica | Número de telefone |
Link personalizado | Endereço URL e ícone |
Custom QR | Imagem e ícone QR |
Validação para ícone de canal:
Tamanho máximo do arquivo: 1 MB
Dimensão máxima do arquivo: 256 x 256 px
Forma: Quadrado
Habilitar esta opção adicionará um formulário de pré-chat ao seu chat do site. Se ativado, os visitantes do seu site receberão um formulário para preencher antes de iniciar o bate-papo.
Com esta opção habilitada, você pode incluir campos personalizados adicionais quando necessário. Além disso, você também pode personalizar o rótulo dos campos padrão de acordo com a forma como eles aparecem para seus Contatos.
Os rótulos dos campos podem ser personalizados para um idioma diferente para corresponder ao idioma do site'.
Campo | Descrição |
|---|---|
Input Bar Text | Este texto funcionará como um espaço reservado na área de digitação. |
Text Font | A fonte que será usada para exibir a fonte no widget de bate-papo do site. |
Quando esta opção está marcada, o visitante do site não tem a opção de anexar um anexo no widget de bate-papo do site.
Ao usar esta opção, o widget ficará completamente oculto. Até que a Referência de Âncora seja clicada ou quando o chat for aberto por meio da API programática.
#widget_de_chat_web
Usando a âncora acima, você pode criar um botão na sua página para abrir o widget após ser clicado.
Usando esta opção você pode remover a marca respond.io do seu widget.
Etapa 1: Clique em Configurações > Canais
Etapa 2: Localize o Chat do site > clique em Gerenciar
Etapa 3: Na página Configuração do bate-papo do site você verá as seguintes configurações:
Link de bate-papo - O link de URL para seu contato acessar seu canal.
Nome do canal - O nome do canal pode ser alterado e é usado internamente para identificar o canal.
Domínios de sites - Site(s) que estão conectados ao seu widget.
Código de bate-papo do site - O código que você pode colar no código-fonte HTML do seu site se precisar recuperar o snippet de código gerado.
Se você'não incluir seu site nesta lista, seu widget'não será carregado. Você pode adicionar vários URLs se estiver usando o plugin em vários sites.
Etapa 4: Clique em Salvar alterações para atualizar a página de configuração do bate-papo do site
Os usuários logados no seu site podem ser identificados adicionando um código JavaScript simples ao código do seu site. Depois que o identificador passado for correspondido com um contato existente, a conversa atual será retomada.
O termo “usuário” é usado no contexto do seu site. Na plataforma respond.io, continuamos a nos referir a eles como “Contatos”.
window.__respond_settings = {
identificador: "customer@example. om",
Primeiro: "Jane",
lastName: "Doe",
telefone: "60123456789",
email: "customer@example om",
profilePic: "https://static.independent.co. k/s3fs-public/thumbnails/image/2015/07/08/14/pic. pg",
paísCódigo: "MY",
idioma: "en",
// Campos Personalizados
custom_fields: {
// slugs de campos personalizados
número: 123,
descrição: "algum texto",
},
};Guia sobre como usar o código
Edite o código (dado abaixo) para enviar respond.io o identificador do usuário logado atualmente. Este pode ser o e-mail ou ID de contato ou com base em qualquer outro campo de contato. Observe que um identificador identificador é um campo obrigatório.
Cole o código diretamente no marcador cabeça de cada página onde você deseja que o chat do site apareça.
O script para identificar usuários logados deve estar acima do código de bate-papo do site que pode ser encontrado na caixa de diálogo de configuração do bate-papo do site.
Você também pode enviar campos de contato respond.io associados aos seus contatos, para que armazenemos o campo de contato durante o processo de criação de contato. O nome do campo (ou slug) pode ser encontrado no módulo Campos de Contato.
Por favor, note que se você estiver usando este recurso, o formulário pré-chat será ignorado, o que significa que os Contatos não precisam preencher suas informações antes de iniciar uma conversa.
O exemplo acima está passando um endereço de e-mail como identificador e durante o processo de criação de contato, todos os campos de contato passados serão armazenados.
O Widget de Chat do Site pode ser aberto e fechado através do código JavaScript do seu site. Isso permite que você crie um botão personalizado "Converse conosco" no seu site e acione o widget de bate-papo do site para abrir quando um visitante clicar no botão.
Abrir bate-papo
Descrição: Abre o widget de chat.
Sintaxe: $respond.do("chat:open")
Fechar bate-papo
Descrição: Fecha o widget de chat.
Sintaxe: $respond.do("chat:close")
Chatbox foi aberto
Descrição: Gerencia o evento aberto do widget de bate-papo (aciona sua função callback).
Sintaxe:$respond.on("chat:opened", callback)
Chatbox foi fechado
Descrição: Gerencia o widget de chat fechado do evento (aciona sua função callback).
Sintaxe:$respond.on("chat:fechado", callback)
O chat está aberto?
Descrição: Retorna verdadeiro se o widget de bate-papo estiver aberto, senão false.
Sintaxe: $respond.is("chat:open")
O chat está fechado?
Descrição: Retorna true se o widget de bate-papo for fechado, else false.
Sintaxe: $respond.is("chat:fechado")
Pode haver algumas razões pelas quais as mensagens não estão sendo entregues:
Contato deixou o site.
A inatividade do contato'pode exceder o período de tempo limite.
O cliente do contato'pode ter problemas de conexão com a internet.
Verifique se o código está instalado corretamente. Consulte as instruçõesaquisobre como instalar o widget de bate-papo do site.
Não se esqueça de colocar em lista branca o site onde o widget será instalado. Consulte o Passo 3 deConectando o Widget de chat do sitesobre como whitelist o seu domínio.
Artigos relacionados 👩💻