{"data":{"id":"891707","string_id":"HSiYstJj","status":"1","parent_id":"891549","slug":"chat-plugin-integrat","order":"0","name":"Integra\u00e7\u00e3o de Plugin de Chat","type":"1","cover":"","cover_alt":"","desc":"","website":"","contact":"","seo_title":"","seo_keyword":"","seo_desc":"","author":"","published_time":"1786592730","add_time":"1786592730","update_time":"1787733470","corp_auth_id":"0","verify_code_auth_id":"0","editor_type":"1","tags":[],"parent_name":"Integra\u00e7\u00e3o de canais","parent_type":"1","parent_slug":"integration","child":[{"id":"891708","string_id":"UdBpoUeq","status":"1","parent_id":"891707","slug":"add-chat-plugin","order":"0","name":"Como editar e adicionar um plugin de chat?","type":"2","cover":"","cover_alt":"","desc":"","website":"","contact":"","seo_title":"","seo_keyword":"","seo_desc":"","share_switch":"0","share_code":"","author":"","published_time":"1786592731","add_time":"1786592731","update_time":"1787733470","corp_auth_id":"0","verify_code_auth_id":"0","editor_type":"3","file_type":"","auth_id":"[\"891708\", \"891707\", \"891549\"]","content":{"content_id":"891708","content":"\n

Introdu\u00e7\u00e3o \u00e0 fun\u00e7\u00e3o<\/span><\/span><\/span><\/h2>
Ap\u00f3s adicionar um plugin de chat ao seu site independente, voc\u00ea pode responder automaticamente \u00e0s mensagens dos visitantes na pr\u00f3pria p\u00e1gina, sem precisar redirecion\u00e1-los para outras p\u00e1ginas, aumentando assim a taxa de engajamento no chat. Al\u00e9m disso, voc\u00ea 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\u00e7ando os benef\u00edcios do marketing de direcionamento e da troca de perguntas e respostas.<\/span><\/span><\/span><\/blockquote>
\u00c9 poss\u00edvel perceber que a adi\u00e7\u00e3o de um plugin de chat pode resolver muitos cen\u00e1rios de demanda de atendimento ao cliente. Este artigo explicar\u00e1 como adicionar e editar um plugin de chat.<\/span><\/span><\/span><\/p>
<\/div>
<\/h2>
Processo de opera\u00e7\u00e3o<\/span><\/strong><\/span><\/span><\/h2>
1. Adicione um plugin de bate-papo<\/span><\/span><\/span><\/h3>
Em<\/span><\/span><\/span> Integra\u00e7\u00e3o<\/span><\/strong><\/span><\/span> > Clique em<\/span><\/span><\/span> Plugin de Chat<\/span><\/strong><\/span><\/span> > Clique em<\/span><\/span><\/span> Adicionar Plugin<\/span><\/strong><\/span><\/span> para acessar a interface de edi\u00e7\u00e3o e adi\u00e7\u00e3o.<\/span><\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
<\/div>
<\/h3>
2. Editar plugin de chat<\/span><\/span><\/span><\/h3>
Ao acessar a interface de edi\u00e7\u00e3o do plug-in de chat, voc\u00ea ver\u00e1 que ela est\u00e1 dividida principalmente em duas \u00e1reas. O lado esquerdo \u00e9 a \u00e1rea de configura\u00e7\u00f5es, que inclui: configura\u00e7\u00f5es de estilo, pesquisa de informa\u00e7\u00f5es, configura\u00e7\u00f5es avan\u00e7adas e integra\u00e7\u00e3o com o portal; o lado direito \u00e9 a \u00e1rea de visualiza\u00e7\u00e3o.<\/span><\/span><\/span><\/p>
Ao editar um plug-in de bate-papo na \u00e1rea de configura\u00e7\u00f5es, voc\u00ea pode visualizar o estilo do plug-in editado em tempo real na \u00e1rea de pr\u00e9-visualiza\u00e7\u00e3o \u00e0 direita, facilitando a edi\u00e7\u00e3o.<\/span><\/span><\/span><\/blockquote>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
A seguir, apresentaremos em detalhes o conte\u00fado de cada se\u00e7\u00e3o da \u00e1rea de configura\u00e7\u00f5es, juntamente com a \u00e1rea de pr\u00e9-visualiza\u00e7\u00e3o.<\/span><\/span><\/span><\/blockquote>
<\/h4>
2.1 Configura\u00e7\u00f5es de estilo<\/span><\/strong><\/span><\/span><\/h4>
Configura\u00e7\u00f5es de estilo:<\/span><\/strong><\/span><\/span> defina o estilo do plug-in, incluindo nome do plug-in, cor de fundo da caixa de bate-papo, avatar, t\u00edtulo da janela, subt\u00edtulo da janela, idioma, localiza\u00e7\u00e3o do plug-in, etc.;<\/span><\/span><\/span><\/blockquote>
\u2022<\/span> Nome do Plugin:<\/span><\/strong><\/span><\/span> refere-se ao nome do plugin (apenas para atendimento ao cliente).<\/span><\/span><\/span><\/div>
\u2022<\/span> Cor do tema:<\/span><\/strong><\/span><\/span> Voc\u00ea pode personalizar o plano de fundo principal ap\u00f3s expandir o plugin, conforme mostrado na figura abaixo.<\/span><\/span><\/span><\/div>
\u2022<\/span> O logotipo do comerciante:<\/span><\/strong><\/span><\/span> refere-se ao avatar no lado esquerdo do t\u00edtulo, acima do plug-in.<\/span><\/span><\/span><\/div>
\u2022<\/span> Avatar do rob\u00f4:<\/span><\/strong><\/span><\/span> refere-se ao avatar do rob\u00f4 ao responder aos visitantes.<\/span><\/span><\/span><\/div>
\u2022<\/span> Idioma:<\/span><\/strong><\/span><\/span> Voc\u00ea pode definir o idioma dos avisos no plug-in, incluindo o idioma de exibi\u00e7\u00e3o dos avisos, nomes dos bot\u00f5es, feedback de erros, etc.<\/span><\/span><\/span><\/div>
\u2022<\/span> Posi\u00e7\u00e3o da janela de entrada e de bate-papo:<\/span><\/strong><\/span><\/span> voc\u00ea pode definir se o plug-in\/barra lateral ser\u00e1 exibido no lado esquerdo ou direito do site.<\/span><\/span><\/span><\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
\u2022<\/span> T\u00edtulo da janela de di\u00e1logo:<\/span><\/strong><\/span><\/span> refere-se ao t\u00edtulo acima do plug-in.<\/span><\/span><\/span><\/div>
\u2022<\/span> Legenda da janela de conversa:<\/span><\/strong><\/span><\/span> Localiza-se abaixo do t\u00edtulo da janela e serve como uma descri\u00e7\u00e3o complementar auxiliar. Pode ser personalizada.<\/span><\/span><\/span><\/div>
A legenda da janela de conversa tamb\u00e9m permite alternar a exibi\u00e7\u00e3o do conte\u00fado da legenda dependendo se o atendimento ao cliente est\u00e1 online.<\/span><\/span><\/span><\/blockquote>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
\u2022<\/span> Quadro de avisos:<\/span><\/strong><\/span><\/span> Voc\u00ea pode configurar conte\u00fado que os clientes precisam ver, como an\u00fancios promocionais, hor\u00e1rio de atendimento, etc., para ser exibido no quadro de avisos. Voc\u00ea tamb\u00e9m pode definir configura\u00e7\u00f5es personalizadas, como a cor e o link do conte\u00fado do quadro de avisos, para ajudar voc\u00ea a alcan\u00e7ar um marketing preciso.<\/span><\/span><\/span><\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
\u2022<\/span> Exibi\u00e7\u00e3o do chat no celular:<\/span><\/strong><\/span><\/span> voc\u00ea pode configurar se a janela de chat do celular deve preencher toda a tela quando estiver expandida.<\/span><\/span><\/span><\/div>
\u2022<\/span> \u00cdcones personalizados:<\/span><\/strong><\/span><\/span> Existem dois tipos de \u00edcones: \u00edcones padr\u00e3o e \u00edcones selecionados. Os \u00edcones padr\u00e3o referem-se ao estilo exibido quando o cursor do mouse n\u00e3o est\u00e1 sobre eles; os \u00edcones selecionados referem-se ao estilo exibido quando o usu\u00e1rio passa o cursor sobre o \u00edcone ou clica nele. O sistema j\u00e1 vem com um estilo padr\u00e3o, como mostrado no lado esquerdo da figura abaixo. Voc\u00ea pode personalizar os dois estilos.<\/span><\/span><\/span><\/div>
\u2022<\/span> Tamanho do \u00edcone:<\/span><\/strong><\/span><\/span> refere-se ao tamanho do plug-in de bate-papo exibido na p\u00e1gina. Voc\u00ea pode configur\u00e1-lo em tr\u00eas estilos: pequeno, m\u00e9dio e grande.<\/span><\/span><\/span><\/div>
\u2022<\/span> Dist\u00e2ncia inferior:<\/span><\/strong><\/span><\/span> refere-se \u00e0 altura do plug-in\/barra lateral a partir da parte inferior do site, podendo ser definida de 0px a 500px.<\/span><\/span><\/span><\/div>
<\/div>
<\/div>
<\/span><\/span><\/span><\/span><\/span><\/span><\/div>
<\/div>
<\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/p>
\u2022<\/span> Recolhimento do \u00edcone de entrada:<\/span><\/strong><\/span><\/span> Por padr\u00e3o, o \u00edcone n\u00e3o est\u00e1 recolhido, como mostrado no canto superior esquerdo da figura abaixo; habilite o recolhimento do \u00edcone e o usu\u00e1rio poder\u00e1 ocult\u00e1-lo; voc\u00ea pode definir dois estilos: recolher para uma barra lateral ou recolher para um \u00fanico \u00edcone.<\/span><\/span><\/span><\/div>
\u2022<\/span> Voc\u00ea tamb\u00e9m pode editar o texto da barra lateral e definir estilos de exibi\u00e7\u00e3o diferentes para PC e dispositivos m\u00f3veis.<\/span><\/span><\/span><\/div>
<\/span><\/span><\/span><\/div>
<\/span><\/span><\/span><\/div>
<\/div>
<\/span><\/span><\/p>
<\/div>
<\/span><\/span><\/p>
<\/div>
2.2 Investiga\u00e7\u00e3o de informa\u00e7\u00f5es<\/span><\/span><\/span><\/h4>
Investiga\u00e7\u00e3o de informa\u00e7\u00f5es: Ao configurar a \"<\/span><\/span><\/span> investiga\u00e7\u00e3o pr\u00e9-chat<\/span><\/strong><\/span><\/span> \" e a \"<\/span><\/span><\/span> reten\u00e7\u00e3o de informa\u00e7\u00f5es offline<\/span><\/strong><\/span><\/span> \", voc\u00ea pode coletar o nome do usu\u00e1rio, n\u00famero de telefone celular, endere\u00e7o de e-mail, etc.<\/span><\/span><\/span><\/blockquote>
\u2022<\/span> Pesquisa pr\u00e9-chat:<\/span><\/strong><\/span><\/span> Depois de ativar a pesquisa pr\u00e9-chat, seus visitantes precisar\u00e3o preencher as informa\u00e7\u00f5es da pesquisa que voc\u00ea definiu ao abrir a janela de chat. Somente ap\u00f3s preencherem as informa\u00e7\u00f5es, eles poder\u00e3o enviar mensagens para voc\u00ea;<\/span><\/span><\/span><\/div>
\u2022<\/span> Reten\u00e7\u00e3o de informa\u00e7\u00f5es offline:<\/span><\/strong><\/span><\/span> Depois de ativar a reten\u00e7\u00e3o de informa\u00e7\u00f5es offline, quando n\u00e3o houver atendimento ao cliente online, voc\u00ea precisar\u00e1 preencher as informa\u00e7\u00f5es da pesquisa que configurou e somente ent\u00e3o uma mensagem poder\u00e1 ser enviada a voc\u00ea.<\/span><\/span><\/span><\/div>
Comparando os dois, a pesquisa pr\u00e9-chat geralmente exige que o cliente forne\u00e7a informa\u00e7\u00f5es antes de iniciar uma conversa, enquanto a reten\u00e7\u00e3o de informa\u00e7\u00f5es offline tende a ser uma forma de coletar informa\u00e7\u00f5es do cliente quando n\u00e3o h\u00e1 atendimento ao cliente online.<\/span><\/span><\/span><\/blockquote>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
Tanto o question\u00e1rio pr\u00e9-chat quanto o registro de informa\u00e7\u00f5es offline permitem adicionar at\u00e9 4 campos, incluindo e-mail, nome, nome da empresa e n\u00famero de celular. Voc\u00ea tamb\u00e9m pode definir se um campo \u00e9 obrigat\u00f3rio. Clique no \"x\" \u00e0 direita para excluir ou ajustar o campo.<\/span><\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
\u2022<\/span> Bot\u00e3o \"Deixar informa\u00e7\u00f5es\":<\/span><\/strong><\/span><\/span> Depois de ativado, um bot\u00e3o \"Deixar informa\u00e7\u00f5es\" aparecer\u00e1 na janela de bate-papo, e os visitantes poder\u00e3o clicar nele para preencher as informa\u00e7\u00f5es.<\/span><\/span><\/span><\/div>
\u2022<\/span> Janela pop-up obrigat\u00f3ria<\/span><\/strong><\/span><\/span> : Quando ativada, os visitantes n\u00e3o podem fechar a janela de informa\u00e7\u00f5es por conta pr\u00f3pria e s\u00e3o obrigados a preencher o formul\u00e1rio (se desativada, os visitantes podem optar por fech\u00e1-la e n\u00e3o fornecer informa\u00e7\u00f5es).<\/span><\/span><\/span><\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/div>
<\/h3>
2.3 Configura\u00e7\u00f5es avan\u00e7adas<\/span><\/span><\/span><\/h4>
Voc\u00ea pode configurar as op\u00e7\u00f5es de exibi\u00e7\u00e3o do plug-in, al\u00e9m de pr\u00e9-visualiza\u00e7\u00f5es de mensagens n\u00e3o lidas e transfer\u00eancia de conversas para atendentes humanos, etc.<\/span><\/span><\/span><\/blockquote>
\u2022<\/span> Pr\u00e9-visualiza\u00e7\u00e3o de mensagens n\u00e3o lidas<\/span><\/strong><\/span><\/span> : Quando ativada, a primeira mensagem n\u00e3o lida do visitante pode ser exibida ao lado do \u00edcone do seu plugin de chat quando este n\u00e3o estiver expandido. \u00c9 poss\u00edvel exibir a primeira ou a \u00faltima mensagem n\u00e3o lida.<\/span><\/span><\/span><\/div>
\u2022<\/span> Configura\u00e7\u00f5es de exibi\u00e7\u00e3o do plugin:<\/span><\/strong><\/span><\/span> Ao instalar um plugin em seu site ou p\u00e1gina da web independente, ele ser\u00e1 exibido em todas as p\u00e1ginas do seu site independente por padr\u00e3o. Voc\u00ea pode usar a configura\u00e7\u00e3o de exibi\u00e7\u00e3o para definir quais p\u00e1ginas devem exibir o plugin e quais n\u00e3o devem. O mesmo se aplica a dispositivos m\u00f3veis.<\/span><\/span><\/span><\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
\u2022<\/span> Expans\u00e3o autom\u00e1tica:<\/span><\/strong><\/span><\/span> Voc\u00ea pode definir o tempo ap\u00f3s o qual a janela de bate-papo se expandir\u00e1 automaticamente depois que o usu\u00e1rio acessar o site, para que ele possa consultar o produto imediatamente, al\u00e9m de configura\u00e7\u00f5es inteligentes, como abrir automaticamente a janela de bate-papo para novos usu\u00e1rios.<\/span><\/span><\/span><\/div>
\u2022<\/span> Estado da janela:<\/span><\/strong><\/span><\/span> 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.<\/span><\/span><\/span><\/div>
\u2022<\/span> Bot\u00e3o Transferir para Humano:<\/span><\/strong><\/span><\/span> Se voc\u00ea ativou a fun\u00e7\u00e3o de atendimento autom\u00e1tico do rob\u00f4, os visitantes ser\u00e3o atendidos primeiro pelo rob\u00f4. Quando o visitante atendido pelo rob\u00f4 expandir a janela de bate-papo, um bot\u00e3o Transferir para Humano ser\u00e1 exibido. O visitante pode clicar nele para alternar a conversa do estado [Rob\u00f4] para o estado [N\u00e3o atribu\u00eddo].<\/span><\/span><\/span><\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
<\/div>
2.4 Integra\u00e7\u00e3o de entrada<\/span><\/span><\/span><\/h4>
Voc\u00ea pode exibir v\u00e1rios widgets de bate-papo em uma p\u00e1gina da web, incluindo nosso plug-in de atendimento ao cliente, Messenger, Line, WhatsApp, e-mail, etc., que exibir\u00e3o o widget de bate-papo na p\u00e1gina da web abaixo para ajud\u00e1-lo a atrair tr\u00e1fego.<\/span><\/span><\/span><\/blockquote>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
<\/div>
<\/h3>
2,5 Economize<\/span><\/span><\/span><\/h4>
Ap\u00f3s editar o plug-in de bate-papo, clique em<\/span><\/span><\/span> Salvar<\/span><\/strong><\/span><\/span> para concluir a edi\u00e7\u00e3o.<\/span><\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/div>
3. Instalar plugins<\/span><\/span><\/span><\/h3>
Ap\u00f3s configurar o plugin, voc\u00ea pode instal\u00e1-lo em seu site da seguinte forma:<\/span><\/span><\/span><\/blockquote>
\u2022<\/span> Se voc\u00ea criar seu pr\u00f3prio site, poder\u00e1 instalar o SaleSmartly nele por meio de c\u00f3digo JavaScript.<\/span><\/span><\/span><\/div>
<\/h4>
3.1 Copiar c\u00f3digo<\/span><\/strong><\/span><\/span><\/span><\/h4>
\u2022<\/span> Em [<\/span><\/span><\/span> Integra\u00e7\u00e3o] - [Plugin de Chat<\/span><\/strong><\/span><\/span> ], selecione o plugin que deseja instalar na lista e copie o c\u00f3digo;<\/span><\/span><\/span><\/div>
\u2022<\/span> Ou voc\u00ea pode visualizar o c\u00f3digo<\/span><\/span><\/span> clicando em<\/span><\/span> Instalar no site<\/strong><\/span><\/span> no canto superior direito de [<\/span><\/span> Integra\u00e7\u00e3o] - [Plugin de bate-papo<\/strong><\/span><\/span> ] - [<\/span><\/span> Editar plugin<\/strong><\/span><\/span> ].<\/div>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
3.2 Instale o SaleSmartly em seu site<\/span><\/strong><\/span><\/span><\/h4>
Ap\u00f3s acessar o servidor onde o site est\u00e1 hospedado, localize o arquivo que cont\u00e9m a tag (geralmente o arquivo index; consulte o engenheiro de desenvolvimento do site para obter detalhes), abra o arquivo, cole o c\u00f3digo JavaScript antes da tag, salve as altera\u00e7\u00f5es e a instala\u00e7\u00e3o ser\u00e1 conclu\u00edda com sucesso.<\/span><\/span><\/span><\/p>
\u2022 Voc\u00ea pode instalar o plugin em diversos sites, incluindo Shopline, Shoplazza, Shopify, Shopyy, etc. Para mais detalhes, consulte:<\/span><\/span><\/span><\/p>
<\/span> Como instalar o SaleSmartly em um site independente<\/span><\/strong><\/span><\/span><\/a><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p>
<\/p>
A seguir, mostraremos como instalar o SaleSmartly na sua loja de aplicativos ShopLine. O mesmo procedimento se aplica a outros sites independentes:<\/span><\/span><\/span><\/p>
<\/span><\/span><\/span><\/p>
<\/span><\/span><\/span><\/p>
<\/span><\/span><\/span><\/p>
<\/span><\/span><\/span><\/p>
<\/span><\/span><\/p>
<\/div>
<\/div>
<\/span><\/span><\/p><\/body><\/html>","pure_content":"Introdu\u00e7\u00e3o \u00e0 fun\u00e7\u00e3o Ap\u00f3s adicionar um plugin de chat ao seu site independente, voc\u00ea pode responder automaticamente \u00e0s mensagens dos visitantes na pr\u00f3pria p\u00e1gina, sem precisar redirecion\u00e1-los para outras p\u00e1ginas, aumentando assim a taxa de engajamento no chat. Al\u00e9m disso, voc\u00ea 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\u00e7ando os benef\u00edcios do marketing de direcionamento e da troca de perguntas e respostas. \u00c9 poss\u00edvel perceber que a adi\u00e7\u00e3o de um plugin de chat pode resolver muitos cen\u00e1rios de demanda de atendimento ao cliente. Este artigo explicar\u00e1 como adicionar e editar um plugin de chat. Processo de opera\u00e7\u00e3o 1. Adicione um plugin de bate-papo Em Integra\u00e7\u00e3o > Clique em Plugin de Chat > Clique em Adicionar Plugin para acessar a interface de edi\u00e7\u00e3o e adi\u00e7\u00e3o. 2. Editar plugin de chat Ao acessar a interface de edi\u00e7\u00e3o do plug-in de chat, voc\u00ea ver\u00e1 que ela est\u00e1 dividida principalmente em duas \u00e1reas. O lado esquerdo \u00e9 a \u00e1rea de configura\u00e7\u00f5es, que inclui: configura\u00e7\u00f5es de estilo, pesquisa de informa\u00e7\u00f5es, configura\u00e7\u00f5es avan\u00e7adas e integra\u00e7\u00e3o com o portal; o lado direito \u00e9 a \u00e1rea de visualiza\u00e7\u00e3o. Ao editar um plug-in de bate-papo na \u00e1rea de configura\u00e7\u00f5es, voc\u00ea pode visualizar o estilo do plug-in editado em tempo real na \u00e1rea de pr\u00e9-visualiza\u00e7\u00e3o \u00e0 direita, facilitando a edi\u00e7\u00e3o. A seguir, apresentaremos em detalhes o conte\u00fado de cada se\u00e7\u00e3o da \u00e1rea de configura\u00e7\u00f5es, juntamente com a \u00e1rea de pr\u00e9-visualiza\u00e7\u00e3o. 2.1 Configura\u00e7\u00f5es de estilo Configura\u00e7\u00f5es de estilo: defina o estilo do plug-in, incluindo nome do plug-in, cor de fundo da caixa de bate-papo, avatar, t\u00edtulo da janela, subt\u00edtulo da janela, idioma, localiza\u00e7\u00e3o do plug-in, etc.; \u2022 Nome do Plugin: refere-se ao nome do plugin (apenas para atendimento ao cliente). \u2022 Cor do tema: Voc\u00ea pode personalizar o plano de fundo principal ap\u00f3s expandir o plugin, conforme mostrado na figura abaixo. \u2022 O logotipo do comerciante: refere-se ao avatar no lado esquerdo do t\u00edtulo, acima do plug-in. \u2022 Avatar do rob\u00f4: refere-se ao avatar do rob\u00f4 ao responder aos visitantes. \u2022 Idioma: Voc\u00ea pode definir o idioma dos avisos no plug-in, incluindo o idioma de exibi\u00e7\u00e3o dos avisos, nomes dos bot\u00f5es, feedback de erros, etc. \u2022 Posi\u00e7\u00e3o da janela de entrada e de bate-papo: voc\u00ea pode definir se o plug-in\/barra lateral ser\u00e1 exibido no lado esquerdo ou direito do site. \u2022 T\u00edtulo da janela de di\u00e1logo: refere-se ao t\u00edtulo acima do plug-in. \u2022 Legenda da janela de conversa: Localiza-se abaixo do t\u00edtulo da janela e serve como uma descri\u00e7\u00e3o complementar auxiliar. Pode ser personalizada. A legenda da janela de conversa tamb\u00e9m permite alternar a exibi\u00e7\u00e3o do conte\u00fado da legenda dependendo se o atendimento ao cliente est\u00e1 online. \u2022 Quadro de avisos: Voc\u00ea pode configurar conte\u00fado que os clientes precisam ver, como an\u00fancios promocionais, hor\u00e1rio de atendimento, etc., para ser exibido no quadro de avisos. Voc\u00ea tamb\u00e9m pode definir configura\u00e7\u00f5es personalizadas, como a cor e o link do conte\u00fado do quadro de avisos, para ajudar voc\u00ea a alcan\u00e7ar um marketing preciso. \u2022 Exibi\u00e7\u00e3o do chat no celular: voc\u00ea pode configurar se a janela de chat do celular deve preencher toda a tela quando estiver expandida. \u2022 \u00cdcones personalizados: Existem dois tipos de \u00edcones: \u00edcones padr\u00e3o e \u00edcones selecionados. Os \u00edcones padr\u00e3o referem-se ao estilo exibido quando o cursor do mouse n\u00e3o est\u00e1 sobre eles; os \u00edcones selecionados referem-se ao estilo exibido quando o usu\u00e1rio passa o cursor sobre o \u00edcone ou clica nele. O sistema j\u00e1 vem com um estilo padr\u00e3o, como mostrado no lado esquerdo da figura abaixo. Voc\u00ea pode personalizar os dois estilos. \u2022 Tamanho do \u00edcone: refere-se ao tamanho do plug-in de bate-papo exibido na p\u00e1gina. Voc\u00ea pode configur\u00e1-lo em tr\u00eas estilos: pequeno, m\u00e9dio e grande. \u2022 Dist\u00e2ncia inferior: refere-se \u00e0 altura do plug-in\/barra lateral a partir da parte inferior do site, podendo ser definida de 0px a 500px. \u2022 Recolhimento do \u00edcone de entrada: Por padr\u00e3o, o \u00edcone n\u00e3o est\u00e1 recolhido, como mostrado no canto superior esquerdo da figura abaixo; habilite o recolhimento do \u00edcone e o usu\u00e1rio poder\u00e1 ocult\u00e1-lo; voc\u00ea pode definir dois estilos: recolher para uma barra lateral ou recolher para um \u00fanico \u00edcone. \u2022 Voc\u00ea tamb\u00e9m pode editar o texto da barra lateral e definir estilos de exibi\u00e7\u00e3o diferentes para PC e dispositivos m\u00f3veis. 2.2 Investiga\u00e7\u00e3o de informa\u00e7\u00f5es Investiga\u00e7\u00e3o de informa\u00e7\u00f5es: Ao configurar a \" investiga\u00e7\u00e3o pr\u00e9-chat \" e a \" reten\u00e7\u00e3o de informa\u00e7\u00f5es offline \", voc\u00ea pode coletar o nome do usu\u00e1rio, n\u00famero de telefone celular, endere\u00e7o de e-mail, etc. \u2022 Pesquisa pr\u00e9-chat: Depois de ativar a pesquisa pr\u00e9-chat, seus visitantes precisar\u00e3o preencher as informa\u00e7\u00f5es da pesquisa que voc\u00ea definiu ao abrir a janela de chat. Somente ap\u00f3s preencherem as informa\u00e7\u00f5es, eles poder\u00e3o enviar mensagens para voc\u00ea; \u2022 Reten\u00e7\u00e3o de informa\u00e7\u00f5es offline: Depois de ativar a reten\u00e7\u00e3o de informa\u00e7\u00f5es offline, quando n\u00e3o houver atendimento ao cliente online, voc\u00ea precisar\u00e1 preencher as informa\u00e7\u00f5es da pesquisa que configurou e somente ent\u00e3o uma mensagem poder\u00e1 ser enviada a voc\u00ea. Comparando os dois, a pesquisa pr\u00e9-chat geralmente exige que o cliente forne\u00e7a informa\u00e7\u00f5es antes de iniciar uma conversa, enquanto a reten\u00e7\u00e3o de informa\u00e7\u00f5es offline tende a ser uma forma de coletar informa\u00e7\u00f5es do cliente quando n\u00e3o h\u00e1 atendimento ao cliente online.Tanto o question\u00e1rio pr\u00e9-chat quanto o registro de informa\u00e7\u00f5es offline permitem adicionar at\u00e9 4 campos, incluindo e-mail, nome, nome da empresa e n\u00famero de celular. Voc\u00ea tamb\u00e9m pode definir se um campo \u00e9 obrigat\u00f3rio. Clique no \"x\" \u00e0 direita para excluir ou ajustar o campo. \u2022 Bot\u00e3o \"Deixar informa\u00e7\u00f5es\": Depois de ativado, um bot\u00e3o \"Deixar informa\u00e7\u00f5es\" aparecer\u00e1 na janela de bate-papo, e os visitantes poder\u00e3o clicar nele para preencher as informa\u00e7\u00f5es. \u2022 Janela pop-up obrigat\u00f3ria : Quando ativada, os visitantes n\u00e3o podem fechar a janela de informa\u00e7\u00f5es por conta pr\u00f3pria e s\u00e3o obrigados a preencher o formul\u00e1rio (se desativada, os visitantes podem optar por fech\u00e1-la e n\u00e3o fornecer informa\u00e7\u00f5es). 2.3 Configura\u00e7\u00f5es avan\u00e7adas Voc\u00ea pode configurar as op\u00e7\u00f5es de exibi\u00e7\u00e3o do plug-in, al\u00e9m de pr\u00e9-visualiza\u00e7\u00f5es de mensagens n\u00e3o lidas e transfer\u00eancia de conversas para atendentes humanos, etc. \u2022 Pr\u00e9-visualiza\u00e7\u00e3o de mensagens n\u00e3o lidas : Quando ativada, a primeira mensagem n\u00e3o lida do visitante pode ser exibida ao lado do \u00edcone do seu plugin de chat quando este n\u00e3o estiver expandido. \u00c9 poss\u00edvel exibir a primeira ou a \u00faltima mensagem n\u00e3o lida. \u2022 Configura\u00e7\u00f5es de exibi\u00e7\u00e3o do plugin: Ao instalar um plugin em seu site ou p\u00e1gina da web independente, ele ser\u00e1 exibido em todas as p\u00e1ginas do seu site independente por padr\u00e3o. Voc\u00ea pode usar a configura\u00e7\u00e3o de exibi\u00e7\u00e3o para definir quais p\u00e1ginas devem exibir o plugin e quais n\u00e3o devem. O mesmo se aplica a dispositivos m\u00f3veis. \u2022 Expans\u00e3o autom\u00e1tica: Voc\u00ea pode definir o tempo ap\u00f3s o qual a janela de bate-papo se expandir\u00e1 automaticamente depois que o usu\u00e1rio acessar o site, para que ele possa consultar o produto imediatamente, al\u00e9m de configura\u00e7\u00f5es inteligentes, como abrir automaticamente a janela de bate-papo para novos usu\u00e1rios. \u2022 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. \u2022 Bot\u00e3o Transferir para Humano: Se voc\u00ea ativou a fun\u00e7\u00e3o de atendimento autom\u00e1tico do rob\u00f4, os visitantes ser\u00e3o atendidos primeiro pelo rob\u00f4. Quando o visitante atendido pelo rob\u00f4 expandir a janela de bate-papo, um bot\u00e3o Transferir para Humano ser\u00e1 exibido. O visitante pode clicar nele para alternar a conversa do estado [Rob\u00f4] para o estado [N\u00e3o atribu\u00eddo]. 2.4 Integra\u00e7\u00e3o de entrada Voc\u00ea pode exibir v\u00e1rios widgets de bate-papo em uma p\u00e1gina da web, incluindo nosso plug-in de atendimento ao cliente, Messenger, Line, WhatsApp, e-mail, etc., que exibir\u00e3o o widget de bate-papo na p\u00e1gina da web abaixo para ajud\u00e1-lo a atrair tr\u00e1fego. 2,5 Economize Ap\u00f3s editar o plug-in de bate-papo, clique em Salvar para concluir a edi\u00e7\u00e3o. 3. Instalar plugins Ap\u00f3s configurar o plugin, voc\u00ea pode instal\u00e1-lo em seu site da seguinte forma: \u2022 Se voc\u00ea criar seu pr\u00f3prio site, poder\u00e1 instalar o SaleSmartly nele por meio de c\u00f3digo JavaScript. 3.1 Copiar c\u00f3digo \u2022 Em [ Integra\u00e7\u00e3o] - [Plugin de Chat ], selecione o plugin que deseja instalar na lista e copie o c\u00f3digo; \u2022 Ou voc\u00ea pode visualizar o c\u00f3digo clicando em Instalar no site no canto superior direito de [ Integra\u00e7\u00e3o] - [Plugin de bate-papo ] - [ Editar plugin ]. 3.2 Instale o SaleSmartly em seu site Ap\u00f3s acessar o servidor onde o site est\u00e1 hospedado, localize o arquivo que cont\u00e9m a tag (geralmente o arquivo index; consulte o engenheiro de desenvolvimento do site para obter detalhes), abra o arquivo, cole o c\u00f3digo JavaScript antes da tag, salve as altera\u00e7\u00f5es e a instala\u00e7\u00e3o ser\u00e1 conclu\u00edda com sucesso. \u2022 Voc\u00ea pode instalar o plugin em diversos sites, incluindo Shopline, Shoplazza, Shopify, Shopyy, etc. Para mais detalhes, consulte: Como instalar o SaleSmartly em um site independenteA seguir, mostraremos como instalar o SaleSmartly na sua loja de aplicativos ShopLine. O mesmo procedimento se aplica a outros sites independentes:","is_draft":"0","editor_type":"3","file_path":"","add_time":"1786592735","update_time":"1787733471"},"pure_content":"Introdu\u00e7\u00e3o \u00e0 fun\u00e7\u00e3o Ap\u00f3s adicionar um plugin de chat ao seu site independente, voc\u00ea pode responder automaticamente \u00e0s mensagens dos visitantes na pr\u00f3pria p\u00e1gina, sem precisar redirecion\u00e1-los para out"},{"id":"891709","string_id":"AbcAGzxI","status":"1","parent_id":"891707","slug":"chat-plugin-to-a-self-built-site","order":"0","name":"Como adicionar um plugin de chat ao seu site?","type":"2","cover":"","cover_alt":"","desc":"","website":"","contact":"","seo_title":"","seo_keyword":"","seo_desc":"","share_switch":"0","share_code":"","author":"","published_time":"1786592735","add_time":"1786592735","update_time":"1787733470","corp_auth_id":"0","verify_code_auth_id":"0","editor_type":"3","file_type":"","auth_id":"[\"891709\", \"891707\", \"891549\"]","content":{"content_id":"891709","content":"\n
1. Introdu\u00e7\u00e3o \u00e0 fun\u00e7\u00e3o<\/h2>
Adicionar um plugin de chat ao seu site pode ajudar a responder \u00e0s perguntas dos visitantes, e voc\u00ea pode adicionar canais de tr\u00e1fego de terceiros ao plugin de chat para ajudar a alcan\u00e7ar cen\u00e1rios de aplica\u00e7\u00e3o de direcionamento e redirecionamento de tr\u00e1fego.<\/p>
Este cap\u00edtulo abordar\u00e1 como adicionar um plugin de chat ao seu site.<\/p>
2. Processo de opera\u00e7\u00e3o<\/h2>
dica<\/p>
Se voc\u00ea criar seu pr\u00f3prio site<\/strong> , poder\u00e1 instalar o plugin de chat SaleSmartly atrav\u00e9s de c\u00f3digo JavaScript.<\/p><\/div>
<\/h3>
2.1 Copie o c\u00f3digo<\/h3>
\u2022Em [ Plugin de Integra\u00e7\u00e3o-Chat<\/strong> ], selecione o plugin que deseja instalar na lista e copie<\/strong> o c\u00f3digo;<\/p>
<\/p>
\u2022Ou na \u00e1rea de opera\u00e7\u00e3o, \u00e0 direita do plug-in que deseja instalar, clique em Editar plug-in<\/strong> > Integrar\/Instalar<\/strong> > encontre o local de instala\u00e7\u00e3o do plug-in de Atendimento ao Cliente<\/strong> , onde voc\u00ea tamb\u00e9m poder\u00e1 visualizar o c\u00f3digo.<\/p>
<\/p>
<\/h2>
2.2 Cole o c\u00f3digo<\/h3>
Dica<\/strong><\/p>
Ap\u00f3s copiar o c\u00f3digo, acesse seu site para instalar o SaleSmartly. Recomenda-se que um engenheiro de desenvolvimento realize essa etapa.<\/p><\/div>
Ap\u00f3s acessar o servidor onde o site est\u00e1 hospedado, localize o arquivo que cont\u00e9m a tag (geralmente o arquivo index; consulte o engenheiro de desenvolvimento do site para obter detalhes)<\/strong> , abra o arquivo, cole o c\u00f3digo JavaScript antes da tag, salve as altera\u00e7\u00f5es e a instala\u00e7\u00e3o ser\u00e1 conclu\u00edda com sucesso.<\/p>
O framework Vue introduz um exemplo de c\u00f3digo JavaScript.<\/h4>
Insira-o no arquivo index.html do projeto (o local do arquivo pode ser diferente).
$\"img\"$ <\/li><\/ul>
<\/h4>
O framework React introduz um exemplo de c\u00f3digo JavaScript.<\/h4>
Insira-o no arquivo index.html do projeto (o local do arquivo pode ser diferente).<\/li><\/ul>
$\"img\"$ <\/figure>
<\/h4>
O arquivo HTML apresenta um exemplo de c\u00f3digo JavaScript.<\/h4>
Insira-o no arquivo index.html do projeto (o local do arquivo pode ser diferente).<\/li><\/ul>
$\"img\"$ <\/figure>
<\/h4>
O framework Uni-app apresenta exemplos de c\u00f3digo JavaScript.<\/h4><\/colgroup>
O Uni-app n\u00e3o suporta a instala\u00e7\u00e3o de plugins de chat.<\/span><\/h4><\/td><\/tr><\/tbody><\/table>
<\/h4>
Exemplo de c\u00f3digo PHP para importar JavaScript<\/h4>
Insira-o no arquivo index.html do projeto (o local do arquivo pode ser diferente).<\/li><\/ul>
$\"img\"$ <\/figure>
Exibi\u00e7\u00e3o de efeito
$\"img\"$ <\/li><\/ul>
<\/h4>
O Angular introduz um exemplo de c\u00f3digo JavaScript.<\/h4>
Insira-o no arquivo index.html do projeto (o local do arquivo pode ser diferente).
$\"\"$ <\/li><\/ul>
<\/h3>
2.3 Demo<\/h3>
Por favor, visite: Clique para pular<\/a><\/strong><\/li><\/ul>
<\/p>
<\/h2>
3. Perguntas Frequentes<\/h2>
3.1 Instale o plugin de chat para otimizar a velocidade de carregamento da p\u00e1gina web.<\/h3>
O plugin de chat SaleSmartly em si n\u00e3o afeta a velocidade de carregamento do seu site. Se o seu site estiver carregando lentamente, voc\u00ea pode tentar os seguintes m\u00e9todos:<\/p>
(1) Usar defer (recomendado)<\/p>
No seu arquivo HTML, utilize:<\/p>
html<\/p>

Integração de Plugin de Chat