Como mudar o design da página e o avatar de um agente?

Onde fica?

Abra a aba “Design” no editor de fluxos. Ela tem duas seções: “Design da página” (o logo, as cores e o layout da página que os visitantes veem neste agente) e “Avatar” (o personagem que fala no agente).

Em um agente publicado, “Salvar” mantém suas alterações no rascunho; elas chegam à página no ar quando você clica em “Publicar”. Um agente em rascunho continua fechado aos visitantes. “Prévia” salva primeiro e abre o rascunho, para você ver o resultado na página que os visitantes verão antes deles.

Logo e cores

• “Logo”: cole um link ou clique em “Enviar arquivo” para enviar um arquivo PNG, JPEG, WebP ou SVG (até 2 MB). A cor dominante de um logo enviado vira a cor principal. Se ficar vazio, o logo da Agenola é mostrado. Remova com “Remover logo”.
• “Cor principal”: a cor principal da página; azul por padrão.
• “Botões de ação e confirmação”, “Botões de envio de arquivo”, “Microfone e entrada de texto”: usam a cor principal por padrão. Para dar a um grupo sua própria cor, desmarque “Usar a cor principal”.
• “Fundo da página” e “Fundo do avatar”.

Para cada cor, você pode usar o seletor de cores ou um código hexadecimal.

Quando você adiciona o agente ao seu site, o botão dele usa a cor de “Botões de ação e confirmação” ou, se não estiver definida, a cor principal.

A linha “Powered by Agenola” no fim da página não aparece nos planos Growth e Pro.

Layout da página e tamanho do avatar

“Layout da página” tem quatro opções; o padrão é “Avatar em cima, formulário embaixo”:

• “Formulário à esquerda, avatar à direita”
• “Avatar à esquerda, formulário à direita”
• “Avatar em cima, formulário embaixo”
• “Chamada de vídeo”: o avatar abre como uma chamada de vídeo. Escolha a “Visualização inicial”: “Tela cheia”, “Meia tela” ou “Avatar flutuante”. O “Canto do avatar flutuante” é definido para cada visualização inicial: os visitantes podem reduzir e ampliar a chamada, e quando a transformam em avatar flutuante, ela fica nesse canto.

“Tamanho do avatar” vai de 50% a 140%; o padrão é 100%. Um avatar menor deixa mais espaço para o chat; em telas estreitas, o avatar também diminui sozinho.

Escolher o avatar

A seção “Avatar” lista os avatares integrados e os do seu espaço de trabalho. Clique em um card para escolher o avatar do agente.

No menu de um card, você pode editar ou excluir seus próprios avatares; os integrados não podem ser alterados.

Duplicar um avatar (por exemplo, com outro fundo) e adicionar seu próprio avatar com “Importar modelo” ou “Importar GLB” são recursos do plano Pro; também ficam disponíveis durante o teste grátis. Sem o plano, essas opções não aparecem. Veja Biblioteca de avatares e Enviar seu próprio avatar.

Restaurar os padrões

“Restaurar design padrão” pede confirmação primeiro e depois redefine o logo, as cores, o tamanho do avatar e o layout da página; um arquivo de logo enviado também é removido. O design padrão é o layout “Avatar em cima, formulário embaixo”, uma cor principal azul e um tamanho de avatar de 100%. A página no ar só muda quando você salva e publica, então pode sair sem salvar se mudar de ideia.

Só o proprietário e os administradores podem alterar o design.