Como adicionar um chatbot com IA à Shopify (em 5 minutos)

Você precisa de três coisas:

• Uma conta na Nexoply. Cadastre-se grátis: o plano Free inclui 100 conversas por mês, sem cartão.
• As informações da sua loja na Nexoply: valores e prazos de frete, política de trocas e devoluções, tabelas de medidas, produtos e preços, horários ou dados de retirada. O jeito mais rápido é digitar o endereço da loja e deixar a Nexoply importar as páginas públicas, incluindo os preços com a moeda. Você revisa as sugestões; nada é adicionado sem a sua aprovação.
• Acesso ao admin da Shopify com permissão para editar temas.

No painel da Nexoply, abra a página Chatbot (clique em Criar chatbot se ainda não criou) e copie o código de instalação. Ele é assim:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

No lugar de YOUR-KEY vai a chave do seu chatbot, que a página Chatbot já preenche para você. A chave é pública: não é uma senha e não dá acesso à sua conta nem à sua loja. Para testar o assistente antes, use Abrir uma página de teste com o seu chatbot.

1. 1

   Faça backup do tema

   No admin da Shopify, vá em Loja virtual → Temas. Clique no botão … ao lado do tema atual e escolha Duplicar. A cópia aparece na sua biblioteca de temas e serve de backup.

2. 2

   Abra o editor de código

   Clique de novo no botão … ao lado do tema atual (o publicado) e escolha Editar código.

3. 3

   Abra o theme.liquid

   Na lista de arquivos, abra a pasta layout e clique em theme.liquid. Esse arquivo envolve todas as páginas da sua loja.

4. 4

   Cole antes de </body>

   Encontre a tag de fechamento </body> perto do final (use Ctrl+F ou Cmd+F) e cole o código da Nexoply em uma linha própria, logo acima dela.

5. 5

   Salve

   Clique em Salvar. A alteração já vale na loja na hora.

Abra a loja em uma nova janela anônima. Se a loja ainda estiver protegida por senha, digite a senha antes. Um botão de chat aparece no canto inferior. Faça uma pergunta como um cliente faria, por exemplo "Qual o prazo de entrega para Recife?" ou "Essa jaqueta veste pequeno?". Em segundos, a conversa aparece em Conversas no seu painel da Nexoply. As alterações feitas no painel chegam à loja em cerca de um minuto, sem editar o tema de novo.

O assistente responde só com as informações que você fornece, e avisa quando não sabe em vez de chutar. Em uma loja, isso costuma incluir:

• Frete: para onde você envia, valores, prazos e valor mínimo para frete grátis.
• Trocas e devoluções: prazos, estado do produto e quem paga o frete de volta.
• Tamanhos e caimento, materiais e cuidados, a partir das suas tabelas de medidas e descrições de produtos.
• Produtos e preços como estão na loja, com link para a página certa.
• Contato, retirada ou horários de atendimento.

Ele não consulta pedidos nem códigos de rastreio, e não está conectado aos seus dados da Shopify. Para "Cadê meu pedido?", adicione uma pergunta frequente que leve o cliente à página de status do pedido ou ao seu e-mail de contato.

• Tema errado. Confira se você editou o tema publicado (o atual), e não a cópia ou outro tema da biblioteca.
• Local errado. O código precisa estar em layout/theme.liquid logo antes de </body>, colado uma única vez e completo. Não em um arquivo de seção nem no head.
• Depois de atualizar o tema. Quando você atualiza um tema para uma nova versão, a Shopify adiciona a nova versão como um tema separado, e as alterações de código nem sempre vão junto. Confira o theme.liquid e cole a linha de novo se precisar.
• Domínios permitidos. Se você configurou Permitir apenas nestes sites na página Chatbot, inclua o seu domínio próprio e o endereço myshopify.com, caso os clientes usem qualquer um dos dois (por exemplo minhaloja.com.br, minhaloja.myshopify.com).
• Chatbot desligado ou bloqueadores de anúncios. Verifique se a chave Chatbot ativado está ligada. Raramente, uma extensão do navegador bloqueia widgets de chat; teste em outro navegador.

Para combinar com a sua marca, vá em Chatbot → Personalizar: escolha o ícone do botão de mensagem (ou uma imagem sua), um texto, o formato, o tamanho, as cores e a posição, ou use no lugar uma aba lateral na borda da tela (como "Ajuda"). Defina um visual diferente no celular para o botão não cobrir a barra de adicionar ao carrinho, e use regras de página para mudá-lo em páginas específicas (por exemplo /products/*). Depois, revise as conversas com frequência: as perguntas sem resposta aparecem em uma lista e viram perguntas frequentes com um clique. Veja como funciona ou os preços para lojas com mais movimento.