Introdução à função
Após adicionar um plugin de chat ao seu site independente, você pode responder automaticamente às mensagens dos visitantes na própria página, sem precisar redirecioná-los para outras páginas, aumentando assim a taxa de engajamento no chat. Além disso, você pode adicionar um componente de direcionamento ao plugin, permitindo que os visitantes sejam direcionados para o canal de bate-papo correspondente com apenas um clique, alcançando os benefícios do marketing de direcionamento e da troca de perguntas e respostas.
É possível perceber que a adição de um plugin de chat pode resolver muitos cenários de demanda de atendimento ao cliente. Este artigo explicará como adicionar e editar um plugin de chat.
Processo de operação
1. Adicione um plugin de bate-papo
Em Integração > Clique em Plugin de Chat > Clique em Adicionar Plugin para acessar a interface de edição e adição.
2. Editar plugin de chat
Ao acessar a interface de edição do plug-in de chat, você verá que ela está dividida principalmente em duas áreas. O lado esquerdo é a área de configurações, que inclui: configurações de estilo, pesquisa de informações, configurações avançadas e integração com o portal; o lado direito é a área de visualização.
Ao editar um plug-in de bate-papo na área de configurações, você pode visualizar o estilo do plug-in editado em tempo real na área de pré-visualização à direita, facilitando a edição.
A seguir, apresentaremos em detalhes o conteúdo de cada seção da área de configurações, juntamente com a área de pré-visualização.
2.1 Configurações de estilo
Configurações de estilo: defina o estilo do plug-in, incluindo nome do plug-in, cor de fundo da caixa de bate-papo, avatar, título da janela, subtítulo da janela, idioma, localização do plug-in, etc.;
• Nome do Plugin: refere-se ao nome do plugin (apenas para atendimento ao cliente).
• Cor do tema: Você pode personalizar o plano de fundo principal após expandir o plugin, conforme mostrado na figura abaixo.
• O logotipo do comerciante: refere-se ao avatar no lado esquerdo do título, acima do plug-in.
• Avatar do robô: refere-se ao avatar do robô ao responder aos visitantes.
• Idioma: Você pode definir o idioma dos avisos no plug-in, incluindo o idioma de exibição dos avisos, nomes dos botões, feedback de erros, etc.
• Posição da janela de entrada e de bate-papo: você pode definir se o plug-in/barra lateral será exibido no lado esquerdo ou direito do site.
• Título da janela de diálogo: refere-se ao título acima do plug-in.
• Legenda da janela de conversa: Localiza-se abaixo do título da janela e serve como uma descrição complementar auxiliar. Pode ser personalizada.
A legenda da janela de conversa também permite alternar a exibição do conteúdo da legenda dependendo se o atendimento ao cliente está online.
• Quadro de avisos: Você pode configurar conteúdo que os clientes precisam ver, como anúncios promocionais, horário de atendimento, etc., para ser exibido no quadro de avisos. Você também pode definir configurações personalizadas, como a cor e o link do conteúdo do quadro de avisos, para ajudar você a alcançar um marketing preciso.
• Exibição do chat no celular: você pode configurar se a janela de chat do celular deve preencher toda a tela quando estiver expandida.
• Ícones personalizados: Existem dois tipos de ícones: ícones padrão e ícones selecionados. Os ícones padrão referem-se ao estilo exibido quando o cursor do mouse não está sobre eles; os ícones selecionados referem-se ao estilo exibido quando o usuário passa o cursor sobre o ícone ou clica nele. O sistema já vem com um estilo padrão, como mostrado no lado esquerdo da figura abaixo. Você pode personalizar os dois estilos.
• Tamanho do ícone: refere-se ao tamanho do plug-in de bate-papo exibido na página. Você pode configurá-lo em três estilos: pequeno, médio e grande.
• Distância inferior: refere-se à altura do plug-in/barra lateral a partir da parte inferior do site, podendo ser definida de 0px a 500px.
• Recolhimento do ícone de entrada: Por padrão, o ícone não está recolhido, como mostrado no canto superior esquerdo da figura abaixo; habilite o recolhimento do ícone e o usuário poderá ocultá-lo; você pode definir dois estilos: recolher para uma barra lateral ou recolher para um único ícone.
• Você também pode editar o texto da barra lateral e definir estilos de exibição diferentes para PC e dispositivos móveis.
2.2 Investigação de informações
Investigação de informações: Ao configurar a " investigação pré-chat " e a " retenção de informações offline ", você pode coletar o nome do usuário, número de telefone celular, endereço de e-mail, etc.
• Pesquisa pré-chat: Depois de ativar a pesquisa pré-chat, seus visitantes precisarão preencher as informações da pesquisa que você definiu ao abrir a janela de chat. Somente após preencherem as informações, eles poderão enviar mensagens para você;
• Retenção de informações offline: Depois de ativar a retenção de informações offline, quando não houver atendimento ao cliente online, você precisará preencher as informações da pesquisa que configurou e somente então uma mensagem poderá ser enviada a você.
Comparando os dois, a pesquisa pré-chat geralmente exige que o cliente forneça informações antes de iniciar uma conversa, enquanto a retenção de informações offline tende a ser uma forma de coletar informações do cliente quando não há atendimento ao cliente online.
Tanto o questionário pré-chat quanto o registro de informações offline permitem adicionar até 4 campos, incluindo e-mail, nome, nome da empresa e número de celular. Você também pode definir se um campo é obrigatório. Clique no "x" à direita para excluir ou ajustar o campo.
• Botão "Deixar informações": Depois de ativado, um botão "Deixar informações" aparecerá na janela de bate-papo, e os visitantes poderão clicar nele para preencher as informações.
• Janela pop-up obrigatória : Quando ativada, os visitantes não podem fechar a janela de informações por conta própria e são obrigados a preencher o formulário (se desativada, os visitantes podem optar por fechá-la e não fornecer informações).
2.3 Configurações avançadas
Você pode configurar as opções de exibição do plug-in, além de pré-visualizações de mensagens não lidas e transferência de conversas para atendentes humanos, etc.
• Pré-visualização de mensagens não lidas : Quando ativada, a primeira mensagem não lida do visitante pode ser exibida ao lado do ícone do seu plugin de chat quando este não estiver expandido. É possível exibir a primeira ou a última mensagem não lida.
• Configurações de exibição do plugin: Ao instalar um plugin em seu site ou página da web independente, ele será exibido em todas as páginas do seu site independente por padrão. Você pode usar a configuração de exibição para definir quais páginas devem exibir o plugin e quais não devem. O mesmo se aplica a dispositivos móveis.
• Expansão automática: Você pode definir o tempo após o qual a janela de bate-papo se expandirá automaticamente depois que o usuário acessar o site, para que ele possa consultar o produto imediatamente, além de configurações inteligentes, como abrir automaticamente a janela de bate-papo para novos usuários.
• Estado da janela: Quando um visitante fecha seu site ou muda para outro site e depois retorna ao seu site, a janela do plug-in de bate-papo permanece no estado expandido ou recolhido anterior.
• Botão Transferir para Humano: Se você ativou a função de atendimento automático do robô, os visitantes serão atendidos primeiro pelo robô. Quando o visitante atendido pelo robô expandir a janela de bate-papo, um botão Transferir para Humano será exibido. O visitante pode clicar nele para alternar a conversa do estado [Robô] para o estado [Não atribuído].
2.4 Integração de entrada
Você pode exibir vários widgets de bate-papo em uma página da web, incluindo nosso plug-in de atendimento ao cliente, Messenger, Line, WhatsApp, e-mail, etc., que exibirão o widget de bate-papo na página da web abaixo para ajudá-lo a atrair tráfego.
2,5 Economize
Após editar o plug-in de bate-papo, clique em Salvar para concluir a edição.
3. Instalar plugins
Após configurar o plugin, você pode instalá-lo em seu site da seguinte forma:
• Se você criar seu próprio site, poderá instalar o SaleSmartly nele por meio de código JavaScript.
3.1 Copiar código
• Em [ Integração] - [Plugin de Chat ], selecione o plugin que deseja instalar na lista e copie o código;
• Ou você pode visualizar o código clicando em Instalar no site no canto superior direito de [ Integração] - [Plugin de bate-papo ] - [ Editar plugin ].
3.2 Instale o SaleSmartly em seu site
Após acessar o servidor onde o site está hospedado, localize o arquivo que contém a tag (geralmente o arquivo index; consulte o engenheiro de desenvolvimento do site para obter detalhes), abra o arquivo, cole o código JavaScript antes da tag, salve as alterações e a instalação será concluída com sucesso.
• Você pode instalar o plugin em diversos sites, incluindo Shopline, Shoplazza, Shopify, Shopyy, etc. Para mais detalhes, consulte:
Como instalar o SaleSmartly em um site independente
A seguir, mostraremos como instalar o SaleSmartly na sua loja de aplicativos ShopLine. O mesmo procedimento se aplica a outros sites independentes:
;}.cls-2{fill:%230868f7;}.cls-3{fill:url(%23未命名的渐变_44);}.cls-4{fill:%23333;}%3c/style%3e%3clinearGradient%20id='未命名的渐变_8'%20x1='33.73'%20y1='100.61'%20x2='-0.03'%20y2='-1.06'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%237ae9fb'/%3e%3cstop%20offset='0.67'%20stop-color='%232b90f8'/%3e%3cstop%20offset='1'%20stop-color='%230868f7'/%3e%3c/linearGradient%3e%3clinearGradient%20id='未命名的渐变_44'%20x1='27.86'%20y1='18.67'%20x2='68.36'%20y2='22.22'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%235ac7f2'/%3e%3cstop%20offset='1'%20stop-color='%230868f7'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M29,28.74V81.91l-9.51-3.68v0L8.52,74A7.17,7.17,0,0,1,4,67.32V24.54A3.76,3.76,0,0,1,9.08,21Z'/%3e%3cpath%20class='cls-2'%20d='M68.09,78.07a13.15,13.15,0,0,1-17.9,12.06L29,81.91h0V28.74L50.19,37A13.17,13.17,0,0,0,68.08,25.3h0Z'/%3e%3cpath%20class='cls-3'%20d='M68.08,25.3a13.19,13.19,0,0,1-6.73,10.87A13.09,13.09,0,0,1,50.19,37L29,28.74V6A3.76,3.76,0,0,1,34.1,2.52l25.59,9.91A13.22,13.22,0,0,1,68.08,25.3Z'/%3e%3cpath%20class='cls-4'%20d='M129.06,81.76a4.33,4.33,0,0,1-3.19-1.31,4.4,4.4,0,0,1-1.31-3.24V56.86H97.65V77.21a4.36,4.36,0,0,1-1.35,3.2A4.68,4.68,0,0,1,93,81.76a4.32,4.32,0,0,1-3.19-1.31,4.37,4.37,0,0,1-1.32-3.24V27.27A4.58,4.58,0,0,1,89.83,24a4.59,4.59,0,0,1,7.82,3.27V48.15h26.91V27.27A4.58,4.58,0,0,1,125.91,24a4.59,4.59,0,0,1,7.82,3.27V77.21a4.37,4.37,0,0,1-1.36,3.2A4.65,4.65,0,0,1,129.06,81.76Z'/%3e%3cpath%20class='cls-4'%20d='M163.77,81.66c-6.57,0-11.76-1.92-15.44-5.7s-5.54-9.07-5.54-15.74a26.76,26.76,0,0,1,2.09-10.43,17.72,17.72,0,0,1,6.67-8.06,19.15,19.15,0,0,1,10.68-2.95,19,19,0,0,1,10.46,2.8,18.7,18.7,0,0,1,6.55,7.36,22.53,22.53,0,0,1,2.36,10.28A4.51,4.51,0,0,1,177,63.77H152.23a10.8,10.8,0,0,0,3.49,6.65c2,1.68,4.88,2.52,8.66,2.52a22.25,22.25,0,0,0,7.54-1.21c.74-.3,1.55-.67,2.37-1.07a3.75,3.75,0,0,1,1.84-.4,4.09,4.09,0,0,1,3,1.15,4,4,0,0,1,1.12,3,4.38,4.38,0,0,1-2.58,3.82,32.34,32.34,0,0,1-6.36,2.61A28.67,28.67,0,0,1,163.77,81.66ZM172.4,55.9a9.72,9.72,0,0,0-1.63-4.56A9.9,9.9,0,0,0,167,48a10.38,10.38,0,0,0-4.64-1.14,12,12,0,0,0-4.77,1.06,9.54,9.54,0,0,0-4.89,5.66,11.78,11.78,0,0,0-.51,2.3Z'/%3e%3cpath%20class='cls-4'%20d='M193,81.64a4.49,4.49,0,0,1-4.51-4.55V27.28A4.58,4.58,0,0,1,189.84,24a4.48,4.48,0,0,1,3.28-1.36A4.36,4.36,0,0,1,196.35,24a4.46,4.46,0,0,1,1.31,3.31V77.09a4.34,4.34,0,0,1-1.35,3.2A4.67,4.67,0,0,1,193,81.64Z'/%3e%3cpath%20class='cls-4'%20d='M263.79,81.71a5.7,5.7,0,0,1-4.2-1.74,5.76,5.76,0,0,1-1.73-4.19V27.37a4.58,4.58,0,0,1,1.35-3.27A4.59,4.59,0,0,1,267,27.37V72.53h24a4.58,4.58,0,0,1,3.27,7.82A4.66,4.66,0,0,1,291,81.71Z'/%3e%3cpath%20class='cls-4'%20d='M424.48,81.74a4.71,4.71,0,0,1-2.71-.88,5.43,5.43,0,0,1-1-1l-.07-.09-12.41-17-5.41,5v9.44a4.31,4.31,0,0,1-1.36,3.19,4.66,4.66,0,0,1-3.3,1.36A4.29,4.29,0,0,1,395,80.42a4.36,4.36,0,0,1-1.32-3.23V27.37A4.58,4.58,0,0,1,395,24.1a4.52,4.52,0,0,1,6.58.12,4.54,4.54,0,0,1,1.24,3.15V56.31l17.72-16.38.05,0a4.8,4.8,0,0,1,2.94-1.11,4.4,4.4,0,0,1,3.27,1.2,4.57,4.57,0,0,1,1.2,3.27,4.44,4.44,0,0,1-.77,2.33,7.45,7.45,0,0,1-1.43,1.65l-11,9.64,13.34,17.68a5,5,0,0,1,1,2.71,4.12,4.12,0,0,1-1.36,3.24A4.64,4.64,0,0,1,424.48,81.74Z'/%3e%3cpath%20class='cls-4'%20d='M317.93,81.76a21.5,21.5,0,1,1,21.17-21.5A21.37,21.37,0,0,1,317.93,81.76Zm0-34.1a12.61,12.61,0,1,0,12.42,12.6A12.52,12.52,0,0,0,317.93,47.66Z'/%3e%3cpath%20class='cls-4'%20d='M212.18,101.22a4.12,4.12,0,0,1-3.05-1.26,4.17,4.17,0,0,1-1.26-3.1V43.34a4.37,4.37,0,0,1,1.3-3.14,4.26,4.26,0,0,1,3.13-1.3,4.19,4.19,0,0,1,3.1,1.26,4.32,4.32,0,0,1,1.26,3.16,20.77,20.77,0,0,1,13-4.54,21.51,21.51,0,0,1,0,43,20.51,20.51,0,0,1-13-4.57V96.86a4.15,4.15,0,0,1-1.3,3.06A4.5,4.5,0,0,1,212.18,101.22Zm17.43-53.63c-6.23,0-12.93,4.11-12.93,12.72a12.73,12.73,0,0,0,25.46,0A12.71,12.71,0,0,0,229.61,47.59Z'/%3e%3cpath%20class='cls-4'%20d='M365.76,81.76a21.5,21.5,0,1,1,21.18-21.5A21.37,21.37,0,0,1,365.76,81.76Zm0-34.1a12.61,12.61,0,1,0,12.42,12.6A12.52,12.52,0,0,0,365.76,47.66Z'/%3e%3c/svg%3e)