DocsEdição e PublicaçãoGuia de Personalização

Guia de Personalização

Aprenda a editar, estilizar e ampliar seu site Draftly sem tocar no código.

Como Funciona a Personalização

O Draftly oferece três formas de personalizar seu site após a geração:

1. Edição Inline — Clique em qualquer texto, cor ou imagem diretamente no painel de visualização. Uma sobreposição aparece com controles de conteúdo, família de fonte, tamanho, peso e seletor de cor.

2. Chat-to-Modify — Digite uma instrução no chat (ex. "mude o fundo do hero para azul marinho", "adicione uma seção de preços"). O Draftly corrige apenas a seção relevante — custa 0,5 crédito.

3. Presets de Design — Clique no painel Estilos. Escolha entre 25 presets de indústria, 12 paletas de cores, 5 estilos de navegação e 5 layouts de hero.

Editar Texto e Cores

Para editar qualquer elemento inline: 1. Certifique-se de estar na aba Visualização. 2. Clique em qualquer texto, título ou bloco de cor. 3. A sobreposição Edição Inline abre com: Texto, Cor, Família de fonte (26 fontes), Tamanho, Peso. 4. Clique em Salvar ou Cancelar.

Use Reescrever com IA para melhorar o texto ou Substituir imagem para trocar uma imagem.

Usar Presets de Design

Os Presets de Design permitem mudar todo o estilo visual com um clique. 1. Clique em Estilos na barra de ferramentas. 2. Três abas: Vertical (25 presets), Cores (12 amostras + hex personalizado), Estilo (5 nav, 5 hero, 5 animações). 3. Clique para visualizar, depois Aplicar.

Seu texto e seções permanecem os mesmos; apenas o sistema visual muda.

Chat-to-Modify

O chat-to-modify é a forma mais rápida de fazer mudanças estruturais.

Digite qualquer instrução no chat: - "Mude o título do hero para algo mais chamativo" - "Adicione uma seção FAQ entre preços e contato" - "Torne o esquema de cores mais escuro"

O Draftly corrige apenas a seção relevante — 0,5 crédito.

Adicionar Analytics e Rastreamento

Conecte Google Analytics, Google Tag Manager, Facebook Pixel ou qualquer script de rastreamento — sem código.

1.Clique em Integrações (ícone de plug) na barra de ferramentas.
2.Insira seus IDs:
- Google Analytics 4: ID de medição (G-XXXXXXXXXX)
- Google Tag Manager: ID do contêiner (GTM-XXXXXXX)
- Facebook Pixel: ID do pixel (15 dígitos)
- Script de cabeçalho personalizado: qualquer bloco <script> (somente HTTPS)
3.Clique em Salvar integrações.
4.Os scripts são injetados automaticamente na próxima geração.

Adicionar um Formulário de Contato

Todo site Draftly pode incluir um formulário de contato funcional.

1.Clique em Integrações.
2.Ative Habilitar formulário de contato.
3.Clique em Salvar integrações.
4.Gere ou regenere — o formulário é adicionado automaticamente.

Os envios são armazenados na sua conta Draftly e você recebe uma notificação por e-mail. Todos os dados permanecem no Draftly.