Centro de Ajuda
Adicionar o chatbot ao site

Como adicionar um chatbot ao PrestaShop

Última atualização:

Existem duas formas de adicionar um chatbot ChatLab à sua loja PrestaShop: instalar o módulo ChatLab (recomendado) ou colar manualmente o código do script no seu tema.

Obter o código de incorporação

Selecione o seu chatbot no painel principal e, em seguida, clique no separador Deploy (Implementar).

Separador Deploy destacado

No painel Select Platform (Selecionar plataforma) à direita, clique em PrestaShop.

PrestaShop selecionado no painel de plataformas

Método 1: Utilizar o módulo PrestaShop (recomendado)

O separador Plugin Installation (Instalação do plugin) está selecionado por predefinição. Siga os passos numerados apresentados no ecrã.

Separador Plugin Installation com botões de transferência e Bot ID

  1. Transfira o módulo para a sua versão do PrestaShop:

    • PrestaShop 8.0+ - chatlabaicustomerservice.zip
    • PrestaShop 1.7.x - chatlabaicustomerservice_1_7.zip
  2. Na área de administração do seu PrestaShop, aceda a IMPROVE > Modules > Module Manager

  3. Clique em Upload a module e selecione o ficheiro .zip transferido

  4. Assim que estiver instalado, clique em Configure no módulo ChatLab AI Customer Service

  5. Copie o seu Bot ID a partir do ChatLab utilizando o botão Copy (Copiar)

  6. Cole o Bot ID no campo de configuração do módulo e guarde

  7. Atualize a sua loja - o chatbot deverá agora aparecer no seu website

Método 2: Instalação manual do script

Se preferir não utilizar o módulo, pode colar o script do chatbot diretamente no modelo do tema da sua loja.

Clique no separador Manual Installation (Instalação manual).

Separador Manual Installation com fragmento de código

  1. Escolha entre Widget (ícone de chat em pop-up) ou Iframe (janela de chat sempre visível)

  2. Clique em Copy to clipboard (Copiar para a área de transferência) para copiar o código

  3. Na área de administração do seu PrestaShop, abra o ficheiro de modelo do seu tema e localize a secção <head>

  4. Cole o código como o último elemento dentro de <head>

  5. Guarde o ficheiro e atualize a sua loja para verificar se o chatbot aparece

Não tem a certeza de qual o tipo de incorporação a escolher? Leia Qual é a diferença entre widget e iframe? para ver uma comparação.

Integração de e-commerce

Adicionar o widget de chatbot à sua loja é apenas o primeiro passo. Para ativar a pesquisa de produtos e o acompanhamento de encomendas no seu chat, associe a integração PrestaShop: Integração com o PrestaShop

Para consultar as práticas recomendadas gerais sobre como gerir um chatbot numa loja de e-commerce, consulte: Como configurar o ChatLab para a sua loja de e-commerce