Ligue o seu chatbot ChatLab à sua loja CS-Cart para dar aos clientes acesso em tempo real às informações dos produtos e ao seguimento de encomendas diretamente no chat.
Importante: Boas Práticas de E-Commerce
Depois de concluir a integração abaixo, leia o guia completo sobre a otimização do seu chatbot para e-commerce: Como configurar o ChatLab para a sua loja de e-commerce
O Que a Integração Oferece
Pesquisa de produtos - Os clientes podem pesquisar o seu catálogo CS-Cart introduzindo uma frase. O chatbot apresenta os produtos correspondentes com:
- Nome e descrição do produto
- Preço
- SKU (código do produto)
- Link direto para o produto na sua loja
- Imagem do produto
- Variantes disponíveis (tamanhos, cores, etc.)
Pode configurar quais os campos de produto abrangidos pela pesquisa (nome, descrição curta, descrição completa, palavras-chave) e quantos resultados devolver.
Detalhes da encomenda - Os clientes podem verificar o estado da encomenda indicando o respetivo ID de encomenda e o endereço de e-mail. O chatbot apresenta:
- Estado da encomenda
- Artigos encomendados com nomes, preços, quantidades, imagens dos produtos e variantes selecionadas
- Total da encomenda e portes de envio
- Transportadora, número de rastreio e estado do envio
- Nome do destinatário e morada de entrega completa
- Telefone do cliente
Passo 1: Ativar o Acesso à API no CS-Cart
- Inicie sessão no seu painel de administração do CS-Cart
- Aceda a Customers > Administrators (Clientes > Administradores)
- Clique na conta de administrador que será utilizada para a ligação à API
- Mude para o separador API access (Acesso à API)
- Marque "Yes, allow this user to use the API" ("Sim, permitir que este utilizador utilize a API")
- Clique em Save (Guardar)
- Copie a API key (chave de API) apresentada após guardar - guarde-a em segurança
- Registe o email address (endereço de e-mail) associado a esta conta de administrador
Passo 2: Ligar o CS-Cart no ChatLab
- Inicie sessão no ChatLab e selecione o seu bot
- Aceda ao separador Connect (Ligar)
- Clique em Connect no mosaico do CS-Cart
- Introduza a sua API Key (do Passo 1)
- Introduza o seu Account Email (o e-mail de administrador com acesso à API)
- Introduza o seu Shop Url (por exemplo,
https://yourstore.com)
Também pode configurar as opções de pesquisa:
- Searchable fields - selecione os campos de produto em que o chatbot pesquisa (nome do produto, descrição curta, descrição completa, palavras-chave)
- Number of search results - quantidade de produtos a devolver por consulta (predefinição: 5)
- Clique em Connect
Após uma ligação bem-sucedida, verá uma mensagem de confirmação com a opção para configurar as ações de IA.
Passo 3: Configurar as Ações do CS-Cart
Após a ligação, ative e personalize as ações individuais de IA. Aceda a Settings > Actions (Definições > Ações) e filtre pela plataforma CsCart.
Estão disponíveis duas ações:
- CsCart - product search - permite que o chatbot pesquise no seu catálogo de produtos
- CsCart - order details - permite que o chatbot consulte as informações da encomenda
Clique no botão de ativação em cada ação para a ativar. Também pode personalizar a etiqueta da ação (a mensagem mostrada aos utilizadores enquanto a ação é executada) e as instruções que orientam a forma como a IA utiliza cada ação.
Testar a Sua Integração
Depois de ativar as ações, abra o widget do seu chatbot e experimente:
- "Mostra-me luvas de treino" (testa a pesquisa de produtos)
- "Qual é o estado da minha encomenda 12345?" (testa os detalhes da encomenda)
Verifique se as respostas coincidem com os dados da sua loja CS-Cart.
Dicas para a Configuração da Pesquisa
- Ative Product name e Short description para obter o melhor equilíbrio entre velocidade e precisão
- Adicione Keywords se os seus produtos tiverem metadados completos de palavras-chave
- Só ative Full description se os campos mais curtos não apresentarem bons resultados - isto pode tornar as pesquisas mais lentas
- Comece com 5 resultados por consulta e ajuste com base no tamanho do seu catálogo
Instalar o Chatbot na Sua Loja CS-Cart
Para adicionar o widget de chat à sua montra do CS-Cart:
- No ChatLab, aceda ao separador Deploy (Implementar) do seu bot
- Selecione o separador da plataforma CS-Cart
- Copie o fragmento de código
- Na administração do seu CS-Cart, aceda a Design > Layouts (Design > Esquemas)
- Cole o fragmento de código num bloco HTML personalizado
- Guarde as alterações do esquema