Como adicionar um chatbot de IA ao Shopify

Como adicionar um chatbot ao Shopify em 4 passos

1. 1.

   Crie o chatbot

   Abra o editor do AI Chatbot e introduza o endereço da sua loja. O agente lê as suas páginas e volta com conhecimento, um nome, um tom e uma mensagem de boas-vindas.

2. 2.

   Treine-o com a sua loja

   Adicione as páginas de produtos, envios e devoluções, ficheiros e pares de perguntas e respostas para as perguntas que os clientes fazem mais.

3. 3.

   Obtenha o código

   Ajuste o aspeto, clique em Adicionar ao site gratuitamente e copie o código de instalação.

4. 4.

   Cole-o no seu tema

   No painel de administração do Shopify, aceda a Online Store → Themes → Customize, adicione uma secção Custom Liquid, cole o código e guarde.

O que um chatbot para Shopify faz pela sua loja

• Responde antes da venda — tamanhos, compatibilidade, stock, prazos de envio e devoluções, a qualquer hora, quando um cliente de outra forma sairia.

• Ajuda os clientes a escolher — pergunta o que precisam e indica produtos adequados, com uma ligação para a página do produto. Veja o assistente de compras com IA.

• Capta leads — recolhe e-mails e perguntas pré-venda para seguimento.

• Passa-lhe a conversa — mostra os seus contactos (WhatsApp, e-mail, telefone) quando não consegue ajudar ou quando um cliente pede uma pessoa.

• Mostra o que confunde os clientes — as conversas revelam que descrições de produtos e políticas precisam de ser melhoradas.

Treine o chatbot com o conteúdo da sua loja

1. 1.

   Páginas web

   Adicione até 200 páginas: páginas de produtos e de coleções, envios, devoluções, FAQ, Sobre nós e contactos.

2. 2.

   Ficheiros

   Carregue catálogos, tabelas de tamanhos ou guias de cuidados em PDF, DOCX, TXT, JSON, HTML ou MD (até 100 MB cada). Uma exportação de produtos do Shopify é um CSV, por isso guarde-a primeiro num destes formatos.

3. 3.

   Pares de perguntas e respostas

   Escreva respostas às perguntas que recebe por e-mail todas as semanas: «Qual é a vossa política de devoluções?», «Enviam para o Canadá?», «Vendem cartões-oferta?»

4. 4.

   Blocos de texto

   Cole a sua política de devoluções em linguagem simples — não a versão jurídica — e tudo o que não esteja numa página.

O agente constrói cada resposta a partir de todo o seu conhecimento, por isso uma resposta pode não repetir palavra por palavra as suas perguntas e respostas. Perguntas e respostas escritas à mão e resumos curtos costumam dar melhores respostas do que longos textos de marketing. Saiba mais em como criar uma base de conhecimento para um chatbot.

Escreva instruções para um assistente de loja

Defina a função do agente, o tom (Amigável, Profissional, Descontraído, Direto ou o seu próprio) e a extensão das respostas e, depois, adicione regras. Um exemplo para adaptar:

És a Eva, a assistente de compras da [Nome da loja].
Ajuda os clientes a encontrar os produtos certos e responde a perguntas
sobre tamanhos, envios e devoluções.

- Responde em 2–3 frases, a menos que te peçam detalhes.
- Quando te pedirem um produto, sugere 2–3 opções da loja
  com uma ligação para cada uma e pergunta o orçamento ou o tamanho se não for claro.
- Não podes receber pagamentos nem fazer encomendas.
- Para perguntas sobre o estado de encomendas e contas, encaminha os clientes para
  [o seu e-mail de suporte] ou [a sua página de estado da encomenda].
- Nunca inventes produtos, preços ou políticas.

Leia as primeiras conversas e ajuste as regras onde as respostas se desviarem. Veja como treinar um chatbot de IA.

Adicione o chatbot ao seu tema do Shopify

Escolha uma bolha flutuante para toda a loja ou um chat incorporado numa página e, depois, adicione o código de uma de duas formas.

Numa página ou modelo (editor de temas)

1. 1.

   Abra o editor de temas

   No painel de administração do Shopify, aceda a Online Store → Themes → Customize.

2. 2.

   Escolha o modelo

   Use o menu pendente no topo para abrir a página: Home page, Products, Collections ou uma página específica.

3. 3.

   Adicione uma secção Custom Liquid

   Clique em Add section, escolha Custom Liquid e cole o código de instalação.

4. 4.

   Guarde

   Clique em Save e atualize a sua loja. Adicioná-lo ao modelo Products mostra-o em todas as páginas de produto.

Em todas as páginas (código do tema)

1. 1.

   Abra o editor de código

   Em Online Store → Themes, clique em … junto ao seu tema e escolha Edit code.

2. 2.

   Abra o theme.liquid

   Na pasta Layout, abra theme.liquid.

3. 3.

   Cole e guarde

   Cole o código imediatamente antes da tag de fecho </body> e clique em Save.

Funciona com temas Online Store 2.0, temas gratuitos e pagos e qualquer plano do Shopify. Ainda usa um tema antigo (vintage)? Siga o guia de instalação para Shopify ↗ ou peça a instalação gratuita ↗.

Adapte o chatbot ao design da sua loja

• Comece com um de seis temas e, depois, aplique a cor da sua marca a cada parte do chat e o tipo de letra da sua loja.

• Escolha o lançador — um botão, um botão de texto, uma introdução rápida ou o perfil do agente — e coloque-o à esquerda, à direita ou ao centro em baixo.

• Dê ao agente um nome, uma imagem e uma legenda como «Estou aqui para o ajudar a escolher».

• Precisa de alterações ao pormenor? Use CSS personalizado.

Onde mostrar o chatbot (e onde não)

As páginas de produtos, de coleções e de contactos são onde os clientes têm dúvidas. Na página do carrinho, uma bolha de chat pode distrair da conclusão da encomenda — oculte-a aí com uma regra de URL da página e confirme que não tapa o botão Add to cart nos telemóveis. O checkout do Shopify não carrega o código do seu tema, por isso o chatbot não aparece lá.

Shopify Inbox, apps de chat ou um chatbot de IA?

O chatbot também funciona fora do Shopify, por isso mantém-se se mudar a sua loja para outra plataforma.

Resolução de problemas

1. 1.

   O chatbot não aparece

   Confirme que colou o código completo sem alterações e que guardou; abra a loja numa janela privada para excluir a cache.

2. 2.

   O código aparece como texto

   Colou-o num campo de texto formatado. Use antes uma secção Custom Liquid ou o theme.liquid.

3. 3.

   Tapa botões nos telemóveis

   Altere a posição ou as margens, ou oculte-o em dispositivos móveis nessa página.

4. 4.

   Os e-mails das conversas não chegam

   Verifique os destinatários nas notificações por e-mail do chatbot e a sua pasta de spam.