🎨 Portal Captive — Editor Visual
Visão geral do editor visual
O Editor Visual do CaptiveWeb permite personalizar o portal Wi-Fi apresentado ao usuário final sem escrever nenhum código. Alterações aparecem em tempo real na prévia antes de serem publicadas.
Como acessar o editor
No painel, clique em Configurações
No menu lateral do painel administrativo, clique em Configurações.
Clique em Editor Visual do Portal
Selecione a opção Editor Visual do Portal. O editor abre em tela cheia.
Selecione ou crie um tema
Use o seletor de temas no topo para escolher um tema existente ou comece um novo do zero.
Interface do editor
O editor é dividido em duas áreas principais:
| Área | Função |
|---|---|
| Painel lateral esquerdo (300px) | Controles de configuração organizados em 4 abas |
| Área de prévia direita | Simulação do portal em tempo real com seletor de dispositivo |
As 4 abas de configuração
| Aba | O que configura |
|---|---|
| 🎨 Aparência | Título, subtítulo, botão, logo, rodapé, cores e plano de fundo |
| 🔐 Autenticação | Métodos de acesso: formulário, social, voucher, livre, Pix, cartão |
| 📝 Campos | Campos do formulário de cadastro (nome, e-mail, CPF etc.) |
| 📄 Termos | Texto de termos de uso customizado |
Controles do topo
| Botão | Função |
|---|---|
| Seletor de temas | Alterna entre temas salvos |
| Ver no celular | Abre QR Code para testar no smartphone |
| Copiar link | Copia URL da prévia para compartilhar |
| Copiar JSON | Exporta toda a configuração como JSON |
| Duplicar | Cria uma cópia do tema atual |
| Salvar | Publica as alterações no servidor |
Indicador de alterações não salvasUm ponto colorido aparece ao lado do botão Salvar sempre que há alterações pendentes. Ao fechar o editor com alterações não salvas, o sistema pergunta se deseja descartar.
Esse artigo foi útil?
Obrigado pelo feedback! ✅