HeadOffice OSACADEMY
Tutoriais passo a passo
HEAD OFFICE / GUIA DE CAMPO

09. Preparar portal e bolha de chat

Encontre Copiar link, o iframe, título da página e a sequência de configuração da bolha.

Edição de 7 de outubro de 2026 • Português

Objetivo

Localizar o link do seu agente, configurar sua apresentação e preparar a bolha de chat. Depois da preparação, instale o código no seu site e valide a experiência do visitante.

Narração em português•Legendas no vídeo•6 passos
Preparar o portal e a bolha de chat do seu IAgenteBaixar MP4
Com narração e legendas incorporadas. Use o volume do player para ouvir.

Siga os cliques, passo a passo

O retângulo amarelo indica o controle explicado. O número corresponde à etapa. Os nomes nas imagens são exemplos: use o escritório, o time e o IAgente que você escolheu.

1Abra o Portal do IAgente

Role até Portal do IAgente. Essa é a superfície de conversa que você pode compartilhar com seu público. Confira qual agente está configurando e diferencie o portal público da pré-visualização privada usada nos testes.

ATLAS DEMO · PASSO A PASSO Passo 1: Abra o Portal do IAgente. Nomes ilustrativos.
Passo 1: Abra o Portal do IAgente. Nomes ilustrativos.

2Copie o link do seu IAgente

Em Acesso e link, clique em Copiar para obter a URL do seu agente. Antes de compartilhar, revise as respostas, o acesso e a identificação. A URL é própria de cada IAgente; use a que aparece na sua conta.

ATLAS DEMO · PASSO A PASSO Passo 2: Copie o link do seu IAgente. Nomes ilustrativos.
Passo 2: Copie o link do seu IAgente. Nomes ilustrativos.

3Localize o código em Embed no seu site

A caixa Embed no seu site fornece o iframe. Use o botão Copiar dessa caixa para incorporar o chat. Antes de instalar, confirme o domínio de destino e as origens permitidas.

ATLAS DEMO · PASSO A PASSO Passo 3: Localize o código em Embed no seu site. Nomes ilustrativos.
Passo 3: Localize o código em Embed no seu site. Nomes ilustrativos.

4Personalize título e descrição

Na área Marca e SEO, preencha título e descrição para explicar o que o visitante encontrará. Use o nome e a proposta da sua empresa. A imagem é um exemplo: você pode personalizar a apresentação para sua marca.

ATLAS DEMO · PASSO A PASSO Passo 4: Personalize título e descrição. Nomes ilustrativos.
Passo 4: Personalize título e descrição. Nomes ilustrativos.

5Abra o configurador da Bolha de chat

No bloco Bolha de chat, comece por Aparência, confira Pré-visualização e só depois vá a Instalar bolha de chat. A marcação indica o bloco do widget do site.

ATLAS DEMO · PASSO A PASSO Passo 5: Abra o configurador da Bolha de chat. Nomes ilustrativos.
Passo 5: Abra o configurador da Bolha de chat. Nomes ilustrativos.

6Revise a prévia antes de instalar

Revise mensagem, posição e cores. Confira se a bolha não cobre ações importantes do site e se o texto fica legível no celular. Alterar a aparência não é o mesmo que instalar o código no site.

ATLAS DEMO · PASSO A PASSO Passo 6: Revise a prévia antes de instalar. Nomes ilustrativos.
Passo 6: Revise a prévia antes de instalar. Nomes ilustrativos.

Baixar transcrição completa · Baixar legendas VTT

Antes de distribuir

Confira o acesso, o comportamento do agente e a origem permitida para o embed. Use uma apresentação que seu público reconheça e saiba o que esperar do atendimento.

Nesta página