Centro de Ajuda
Integrações do chatbot

Integração com o Wix

Última atualização:

Ligue o seu chatbot ChatLab à sua loja Wix para disponibilizar aos clientes o acompanhamento de encomendas em tempo real diretamente no chat.

Exemplo de conversa

Veja numa conversa

Consultar uma encomenda

Requer uma loja associada e a respetiva ação de encomendas ativada. Os campos disponíveis dependem da integração. A correspondência de um endereço de e-mail não constitui prova de identidade.

Exemplo do ChatLabConversa ilustrativa

Visitante: Onde está a minha encomenda?

Reproduza o exemplo ou leia-o abaixo. Não são utilizados dados reais de clientes.
1 / 5

O cliente pergunta sobre uma encomenda existente.

A reprodução pausa quando este exemplo sai do ecrã. Isto é uma simulação, não um chat em direto. Os controlos do widget dentro da reprodução não são interativos.
Ler o exemplo completo
  1. O cliente pergunta sobre uma encomenda existente.

    Visitante: Onde está a minha encomenda?

  2. A pesquisa predefinida necessita de ambos os identificadores.

    Assistente: Por favor, indique o número da sua encomenda e o endereço de e-mail utilizado na finalização da compra.

  3. Utilize dados fictícios neste exemplo.

    Visitante: 41982, anna@example.com

  4. A ação consulta a loja associada.

    A verificar a encomenda 41982...

  5. Apresente apenas as informações devolvidas pela loja.

    Assistente: A encomenda 41982 está marcada como enviada. A transportadora é a DPD. Por favor, consulte a página de acompanhamento para ver atualizações sobre a entrega.

O exemplo ilustra a experiência do cliente. As ações disponíveis e as informações devolvidas dependem desta integração e da sua configuração.

Antes de começar

Crie ou selecione primeiro um chatbot. Precisa de permissão para gerir as suas integrações e de acesso às definições de ligação da conta externa. Se o mosaico Connect (Ligar) apresentar um pedido de atualização ou de contacto, confirme se a sua subscrição inclui esta integração. Mantenha as credenciais da API privadas; nunca as cole no código de incorporação do website.

Importante: boas práticas para e-commerce

Após concluir a integração abaixo, consulte o guia completo sobre como otimizar o seu chatbot para e-commerce: Como configurar o ChatLab para a sua loja de E-commerce

O que a integração oferece

Order Details (Detalhes da encomenda) - Os clientes podem consultar o estado da encomenda indicando o número da encomenda e o endereço de e-mail. Ambos os valores são validados com base nos registos da sua loja Wix. O chatbot devolve:

  • Número da encomenda, data e estado atual
  • Valor total da encomenda e moeda
  • Estado do pagamento
  • Artigos encomendados com nomes, quantidades, preços, SKU e imagem do produto
  • Endereço de envio e endereço de faturação (nome, empresa, rua, cidade, código postal, país, telefone)
  • Método de envio e tempo estimado de entrega

Passo 1: Obter o ID do seu site Wix

  1. Inicie sessão no painel de administração do Wix
  2. Na barra de endereço do seu navegador, localize o parâmetro siteId no URL
  3. Copie o valor de Site ID

URL do painel do Wix com o parâmetro siteId destacado|width=40

Passo 2: Criar uma chave de API do Wix

  1. No painel do Wix, clique no ícone do seu perfil (canto superior direito) e selecione Account Settings (Definições da conta)

Menu de perfil do Wix a mostrar a opção Account Settings|width=38

  1. Abra a secção API Keys (Chaves de API) na barra lateral esquerda

Barra lateral de Account Settings do Wix com API Keys destacada|width=18

  1. Clique em Generate API Key (Gerar chave de API)

Página de API Keys com o botão Generate API Key|width=60

  1. Dê um nome à sua chave (por exemplo, "chatlab") e conceda estas permissões a partir do grupo All site permissions (Todas as permissões do site):
    • Wix Stores
    • Wix eCommerce

Formulário de criação de chave de API a mostrar o campo de nome e as permissões necessárias|width=60

  1. Clique em Generate Key (Gerar chave), conclua eventuais passos de segurança e copie a sua chave de API da apresentação única - guarde-a em segurança, uma vez que não poderá ser mostrada novamente

Caixa de diálogo a mostrar a chave de API gerada com o botão de cópia|width=40

Passo 3: Obter o ID da sua conta

Após fechar a janela da chave de API, localize o Account ID (ID da conta) no lado direito da página API Keys. Clique em Copy ID (Copiar ID) para o copiar.

Página de API Keys a mostrar o Account ID no lado direito com o botão Copy ID|width=60

Passo 4: Ligar o Wix no ChatLab

  1. Inicie sessão no ChatLab e selecione o seu bot
  2. Aceda ao separador Connect (Ligar)

Separador Connect a mostrar o mosaico de integração do Wix

  1. Clique em Connect no mosaico do Wix
  2. Introduza a sua API Key (obtida no Passo 2)
  3. Introduza o seu Account Id (obtido no Passo 3)
  4. Introduza o seu Site Id (obtido no Passo 1)

Formulário de integração do Wix com os campos API Key, Account Id e Site Id

  1. Clique em Connect

O ChatLab testa automaticamente a ligação verificando se a sua chave de API tem as permissões necessárias. Se a operação for bem-sucedida, verá uma mensagem de confirmação.

Passo 5: Configurar as ações do Wix

A ação de detalhes da encomenda é ativada quando a ligação é configurada com sucesso. Reveja-a após a ligação. Navegue até Settings > Actions (Definições > Ações) e filtre pela plataforma Wix.

Ações do Wix nas Settings a mostrar a ação de detalhes da encomenda

Abra Wix - order details para a rever; ative-a caso esteja desativada. Também pode personalizar a etiqueta da ação (a mensagem apresentada aos utilizadores enquanto a ação é executada) e as instruções que orientam a forma como a IA utiliza a ação.

Testar a sua integração

Depois de ativar a ação, abra o widget do seu chatbot e experimente:

  • "Qual é o estado da minha encomenda #1001?" (testa os detalhes da encomenda)

Verifique se a resposta corresponde aos dados da sua loja Wix, incluindo o estado da encomenda, os artigos e as moradas.

Instalar o chatbot no seu website Wix

Para adicionar o widget de chat ao seu site Wix publicado com um domínio associado, utilize a funcionalidade Custom Code do Wix:

  1. No ChatLab, aceda ao separador Deploy (Implementar) do seu bot
  2. Selecione o separador da plataforma Wix
  3. Selecione Widget e copie o fragmento de código
  4. No Wix, aceda a Settings > Custom Code (em Development & integrations; os painéis mais antigos podem apresentar Advanced)
  5. Clique em + Add Custom Code (+ Adicionar código personalizado)
  6. Cole o código e atribua-lhe um nome (por exemplo, "ChatLab")
  7. Selecione as páginas onde pretende apresentar o chatbot
  8. Escolha Head para o posicionamento do código
  9. Clique em Apply (Aplicar) para guardar

Separador Deploy com a plataforma Wix selecionada a mostrar o código e as instruções

Para instruções detalhadas sobre a instalação do widget, consulte Como adicionar o seu chatbot ao website Wix.

Artigos relacionados