Centro de Ajuda
Adicionar o chatbot ao site

Como adicionar o seu chatbot a um site WordPress

Última atualização:

Adicionar um chatbot da ChatLab ao seu site WordPress permite que os visitantes interajam diretamente com o seu assistente de IA na sua página. Existem dois métodos de instalação: o plugin do WordPress (recomendado) ou a incorporação manual de código.

Antes de começar

Crie e treine o seu chatbot antes de o partilhar com os clientes. Para a instalação, também precisa de permissões para editar e publicar o site. Consulte Como criar o seu primeiro chatbot.

Passo 1 - Abrir o separador Deploy na ChatLab

  1. Inicie sessão no ChatLab e selecione o chatbot que pretende incorporar
  2. Clique no separador Deploy (Publicar) e, em seguida, selecione WordPress no painel de plataformas à direita

Separador Deploy com o WordPress selecionado

O painel do WordPress apresenta dois separadores: Plugin Installation (Instalação por plugin) e Manual Installation (Instalação manual).

Método 1: Plugin do WordPress (recomendado)

O método por plugin é a forma mais simples de adicionar a ChatLab ao WordPress - sem necessidade de editar código.

  1. Clique em Get the plugin on WordPress.org (Obter o plugin no WordPress.org) para abrir a página do plugin em wordpress.org

Botão Get the plugin on WordPress.org destacado

  1. Instale e ative o plugin "ChatLab - AI Chatbot" a partir do repositório de plugins do WordPress
  2. Na administração do WordPress, abra ChatLab e clique em Continue (Continuar). Para uma loja WooCommerce, mantenha a opção WooCommerce integration (Integração WooCommerce) selecionada se também pretender a pesquisa de produtos e consulta de encomendas.
  3. Inicie sessão na sua conta ChatLab e escolha o chatbot que pretende apresentar.

Instruções de ligação do plugin do WordPress destacadas

  1. Conclua a ligação assistida e volte ao WordPress. O plugin instala o widget automaticamente.
  2. Abra o seu site num navegador para verificar se o ícone do chatbot aparece

Método 2: Instalação manual

Se preferir incorporar o código manualmente, clique no separador Manual Installation (Instalação manual).

Separador Manual Installation destacado

  1. Instale e ative um plugin de inserção de código no cabeçalho, como o WPCode (anteriormente Insert Headers and Footers).
  2. No caso do WPCode, abra Code Snippets > Header & Footer. Consulte as instruções de cabeçalho e rodapé do WPCode.
  3. Na ChatLab, escolha entre Widget (janela de chat acionada por um ícone de chat) ou Iframe (chat sempre visível incorporado na página). Consulte Qual é a diferença entre widget e Iframe? para uma comparação
  4. Clique em Copy to clipboard (Copiar para a área de transferência) para copiar o código

Botão Copy to clipboard destacado

  1. Para o Widget, cole o código no campo Header (Cabeçalho) e guarde. Para o Iframe, cole-o num bloco de conteúdo HTML na página onde o chat deve surgir, utilizando uma conta/editor que permita código HTML com iframe, e depois atualize ou publique a página. Não cole um iframe no cabeçalho.
  2. Atualize o seu site para verificar se o chatbot aparece

Verificar a instalação

Depois de concluir qualquer um dos métodos, abra o seu site WordPress num navegador. Deverá ver o ícone de chat no canto da página (modo widget) ou a janela de chat incorporada na página (modo iframe). Clique no ícone para abrir o chat e envie uma mensagem de teste para confirmar que tudo está a funcionar corretamente.

Artigos relacionados