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 site: como um widget ou como um iframe. Ambos utilizam o mesmo chatbot com os mesmos dados de treino e definições, mas diferem na forma como o chatbot surge na sua página.

Widget

O widget adiciona um ícone de chat a uma posição fixa na sua página (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 um 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, do comportamento de abertura automática, dos balões de mensagem de boas-vindas e do modo de apresentação minimizado (Settings > Appearance [Definições > Aparência])

Separador Widget selecionado no 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 no fluxo da página a par com outro conteúdo
  • Tamanho ajustável - pode definir os atributos width e height no código de incorporação para se ajustar 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 no Deploy

Onde selecionar widget ou iframe

  1. Selecione o seu chatbot a partir do painel de controlo
  2. Clique no separador Deploy (Publicar)
  3. Selecione HTML Code (Código HTML) e, em seguida, 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). Coloque o código do Widget no cabeçalho do site ou na área de scripts da sua plataforma; coloque o código do Iframe no corpo da página onde o chat deve surgir.
  5. Publique a página, abra-a no computador e no telemóvel e envie uma mensagem de teste.

Experimentar 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 (Como moldura sempre aberta) - abre o chatbot no modo de iframe
  • As openable widget (Como widget que se pode abrir) - abre o chatbot no modo de 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, para que possa testar o chatbot no seu telemóvel fazendo a leitura com a câmara.

Ligações Try out & share no separador Overview|width=34

Para mais informações sobre como partilhar estas ligações de pré-visualização, consulte Enviar uma ligação para o seu chatbot.

Qual devo escolher?

  • Escolha widget se pretende 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 pretende que o chatbot faça parte visível do layout de uma página específica, como uma central de ajuda, página de contacto ou página de produto onde o chatbot está sempre pronto para interagir.

Artigos relacionados