> ## Documentation Index > Fetch the complete documentation index at: https://docs.brainchat.app/llms.txt > Use this file to discover all available pages before exploring further. # Editor de Landing Pages > Como usar o editor de Landing Pages: abas, tema, seções e blocos prontos, revisão, assistente de IA, botão de WhatsApp e publicação. O editor tem as seções da página à esquerda, a prévia no centro e as propriedades da seção escolhida à direita. A prévia mostra a página em **Computador**, **Tablet** e **Celular**. No topo ficam as abas: | Aba | O que você faz | | - | - | | **Página** | Nome, endereço e seções | | **Aparência** | Tema, modo, cor da marca e movimento | | **Botão WhatsApp** | Botão flutuante com um número ou com uma lista de atendentes | | **SEO e compartilhamento** | Título e descrição para buscadores, imagem de compartilhamento, ícone da aba e idioma | | **Rastreamento** | Códigos de medição da organização ou desta página | | **Privacidade** | Aviso de privacidade da organização ou próprio desta página | | **Revisão** | O que corrigir antes de divulgar e o que melhorar | | **Métricas** | Visitas e conversões da página | *** ## Aparência: comece pelo tema | Opção | Valores | | - | - | | **Tema** | Precisão, Editorial, Neo-brutal ou Dopamina | | **Modo** | Claro ou escuro | | **Cor da marca** | A cor dos botões e destaques | | **Movimento** | Sem movimento, Sutil ou Expressivo | O tema define fontes, espaçamentos e estilos de todas as seções de uma vez. O contraste do texto é calculado a partir da cor da marca, para a página ficar legível em qualquer combinação. Use **Comparar os temas na sua página** para ver a sua página em cada tema antes de escolher. *** ## Seções e blocos prontos ### Adicionar Clique em **Adicionar seção** e escolha um bloco pronto. Os 45 blocos ficam agrupados em **Abertura**, **Recursos**, **Prova**, **Como funciona**, **Contato**, **Rodapé** e **HTML livre**, e cada um já aparece no tema da página. Galeria e vídeo começam vazios, para você colocar as suas imagens e o seu vídeo. ### Organizar Arraste as seções na lista à esquerda ou use o menu de cada uma: * **Adicionar seção abaixo** * **Duplicar** * **Subir** e **Descer** * **Esconder da página** / **Mostrar na página**: tira a seção do ar sem apagar * **Remover** O **Cabeçalho** fica no alto da lista, com logo, menu e o botão do cabeçalho. ### Ajustar uma seção Clique na seção para abrir as propriedades à direita. Cada seção pode mudar a **Superfície** (padrão, elevada, invertida ou cor da marca), o **Fundo decorativo** (grade, pontos, foco de luz, malha de cor ou granulado), o **Respiro** e o **Alinhamento do título**. Em **Âncora** e **Nome no menu**, a seção entra no menu do cabeçalho. ### Ícones e visuais * **Ícones** são escolhidos pelo nome, na biblioteca do editor. Emojis não são aceitos. * A abertura e outras seções podem mostrar um **visual em código**, que acompanha o tema: Conversa de WhatsApp, Agente de IA, Painel com números e gráfico, Quadro de etapas e Agenda. * Em **Recursos em colunas** e **Mosaico**, os cartões aceitam foto, inteira ou recortada para preencher. ### Formulário e HTML livre * A seção **Formulário** mostra um formulário do Brainchat na página. * O **HTML livre** aceita o seu código, com os estilos do próprio documento. Por segurança, scripts, eventos e formulários de fora são removidos; o formulário do Brainchat é aceito. *** ## Revisão A aba **Revisão** confere a página inteira e separa o que **corrigir antes de divulgar** (como uma seção ainda com o texto de exemplo, o botão de WhatsApp ligado sem número ou a falta do título para buscadores) do que é **para melhorar**. A revisão não impede de salvar. *** ## Assistente de IA O assistente monta e ajusta a página com os mesmos blocos de quem edita à mão e passa pela mesma revisão. Ele tem dois modos: **Plano**, que mostra o plano para você aprovar antes de mexer, e **Rápido**, que aplica direto. Sugestões para começar: * "Monte a página inteira para o meu negócio" * "Troque os textos de exemplo pelos do meu negócio" * "Sugira o tema e a cor que combinam com a minha marca" * "Revise a página e corrija o que falta" O assistente usa os [créditos de IA](https://docs.brainchat.app/organizacao/creditos-ia.md) da organização e não gera imagens. *** ## Botão de WhatsApp Na aba **Botão WhatsApp**, ligue o botão flutuante e escolha o **Formato**: * **Um número**: com a **Mensagem inicial** que o visitante envia; * **Lista de atendentes**: o visitante escolhe com quem falar. Defina também a **Posição** (canto direito ou esquerdo) e se o texto aparece ao lado do botão. *** ## SEO, compartilhamento e rastreamento * **SEO e compartilhamento:** título e descrição para buscadores, **Aparecer em buscadores**, **Ícone da aba** e **Idioma da página**. A **imagem de compartilhamento** (a que aparece ao mandar o link) é desenhada a partir do tema; se você enviar uma imagem própria, ela vale. * **Rastreamento:** escolha **Da organização** (os códigos definidos em [Domínio e Privacidade](https://docs.brainchat.app/organizacao/dominio-e-privacidade.md)), **Desta página** ou **Nenhum**. Os campos aceitam Google Tag Manager, Google Analytics e Pixel da Meta. Quando a página tem aviso de privacidade, esses códigos só carregam depois do consentimento de marketing do visitante. *** ## Publicar * Na criação, **Criar página** salva e já coloca a página no ar. * Depois, use **Salvar** para gravar as mudanças. * No topo, **No ar** / **Fora do ar** mostra a situação. **Tirar do ar** e **Pôr no ar** ficam no menu do topo, junto de **Abrir a página**. * **Modo foco** esconde as laterais para você ver só a prévia. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.