Centro de Ajuda
Adicionar o chatbot ao site

Qual é a diferença entre widget e iframe?

Última atualização:

O ChatLab oferece duas formas de adicionar um chatbot ao seu website: como um widget ou como um iframe. Ambos utilizam o mesmo chatbot com os mesmos dados de treino e configurações, mas diferem na forma como o chatbot é apresentado na sua página.

Widget

O widget adiciona um ícone de chat a uma posição fixa na sua página (no canto inferior direito por predefinição). Os visitantes clicam no ícone para abrir uma janela pop-up de chat. A janela de chat pode ser fechada novamente para o ícone a qualquer momento.

Principais características:

  • Surge como um ícone de abertura no canto do ecrã
  • Abre como uma janela pop-up quando os visitantes clicam no ícone
  • Permanece disponível em todas as páginas onde o código estiver instalado
  • Permite personalização da posição do ícone, comportamento de abertura automática, balões de mensagem de boas-vindas e modo de apresentação minimizado (Settings > Appearance [Definições > Aparência])

Separador Widget selecionado em Deploy

Iframe

O iframe incorpora o chatbot diretamente no conteúdo da sua página. A janela de chat está sempre visível e pode ser rodeada por outros elementos na página.

Principais características:

  • Sempre visível na página sem necessidade de clicar num ícone
  • Incorporado na estrutura da página juntamente com outro conteúdo
  • Tamanho ajustável - pode definir os atributos width e height no código de incorporação para se adaptar ao seu layout
  • Ideal para páginas dedicadas onde o chatbot é um elemento central, como uma página de apoio ao cliente ou uma landing page

Separador Iframe selecionado em Deploy

Onde selecionar widget ou iframe

  1. Selecione o seu chatbot no painel de controlo
  2. Clique no separador Deploy (Publicar)
  3. Escolha o separador Widget ou Iframe para ver o respetivo código de incorporação
  4. Clique em Copy to clipboard (Copiar para a área de transferência) e cole o código no seu website

Testar ambos os modos

Pode pré-visualizar ambos os modos sem incorporar qualquer código. No separador Overview (Visão geral), localize a linha Try out & share (Experimentar e partilhar) e clique em qualquer uma das ligações:

  • As always-open frame - abre o chatbot em modo iframe
  • As openable widget - abre o chatbot em modo widget com o ícone de abertura

Cada linha tem também uma ligação QR Code que abre um código legível para o mesmo URL, permitindo testar o chatbot no seu telemóvel ao lê-lo com a câmara.

Ligações Try out & share no separador Overview

Para saber mais sobre a partilha destas ligações de pré-visualização, consulte Enviar uma ligação para o seu chatbot.

Qual devo escolher?

  • Escolha widget se pretender que o chatbot esteja disponível em todas as páginas sem ocupar espaço no ecrã. Os visitantes podem abrir o chat quando precisarem de ajuda e fechá-lo quando terminarem.
  • Escolha iframe se pretender que o chatbot seja uma parte visível do layout de uma página específica, como um centro de ajuda, página de contacto ou página de produto onde o chatbot esteja sempre pronto para interagir.