Em resumo
- 134 modelos de chat.Escolha o modelo que combina com o seu site e adicione seu logo.
- Seu nome, saudação e perguntas.Defina o nome que os visitantes veem, a saudação e as perguntas iniciais.
- Fontes e formas em breve.16 Google Fonts, raio dos cantos, sombras e modo claro ou escuro chegam com o editor visual.
- Seu logo como avatar.Envie uma imagem PNG, JPEG ou WebP de até 1 MB.
Os visitantes confiam no que lhes é familiar. Hoje você escolhe um dos 134 modelos de chat e adiciona seu logo, nome, saudação e perguntas iniciais. Os controles mais finos abaixo fazem parte da aba “Brand” do editor visual, que chega em breve.
Comece por uma predefinição
Quatro predefinições dão uma base rápida: OneType (claro, sombras suaves, arredondado), Night (superfícies escuras, destaque vivo), Flat (branco, sem sombras, cantos retos) e Paper (off-white quente com texto cor de tinta). Trocar a predefinição mantém sua cor de destaque, fonte e tamanho de texto, para que você não perca as escolhas da sua marca.
Cores que continuam legíveis
Escolha sua cor de destaque e a OneType calcula se o texto sobre ela deve ser branco ou escuro, com uma amostra ao vivo logo abaixo do seletor. Você também pode definir as cores de fundo, de superfície e de texto e tingir os cinzas na direção da sua marca, com uma intensidade de 0 a 100 por cento e um matiz de 0 a 360 graus.
Antes de publicar, a OneType confere o contraste das suas cores. Se o texto ficar difícil de ler, o editor avisa, e você precisa confirmar de propósito para publicar mesmo assim.
Claro, escuro ou automático
Defina a aparência como “Light”, “Dark” ou “Auto”. O “Auto” segue a configuração do sistema de cada visitante, e novos widgets começam por ele. No editor você pode alternar a prévia entre claro e escuro para conferir os dois.
Fontes e tamanho do texto
- Satoshi, a fonte própria da OneType, como padrão.
- A fonte do sistema do visitante.
- Do seu site: a fonte que a página ao redor do chat usar.
- 16 Google Fonts, incluindo Inter, Roboto, Poppins, IBM Plex Sans, Lora, Fraunces e Space Grotesk.
- Um tamanho de texto base de 14 a 18 px. Em celulares, os campos de entrada ficam em 16 px para a página nunca dar zoom.
Forma, ícone de abertura e avatar
Defina o raio dos cantos de 0 a 24 px, a densidade como compacta ou confortável, as sombras como nenhuma, suaves ou fortes, o cabeçalho como sólido, vidro ou mínimo e as mensagens como balões ou planas. Para o layout de balão de chat, escolha embaixo à esquerda ou à direita, um rótulo curto de até 40 caracteres para o ícone de abertura ou só um ícone, e a distância das bordas.
Envie um avatar para o seu agente como imagem PNG, JPEG ou WebP de até 1 MB. Dados de localização e de câmera são removidos da imagem quando ela é salva.
Confira em todas as telas
Cada mudança aparece na prévia ao vivo na hora. Alterne entre desktop, tablet e celular, entre claro e escuro, e coloque o chat em estados como uma resposta longa com fontes ou uma transferência para uma pessoa. Assim você percebe uma cor que funciona na tela inicial, mas não em uma tabela, antes dos seus visitantes.
A galeria de modelos mostra todos os designs que você pode escolher hoje.