Como usar o painel administrativo
Este guia explica, em linguagem simples, como editar textos e imagens do site, ativar ou desativar blocos inteiros, e mexer nas Configurações do site. Nada aqui exige conhecimento técnico — tudo é feito clicando direto sobre a prévia real de cada página.
Ir direto para
2Editar textos
Cada tela de edição mostra a prévia real daquele bloco do site — não é uma simulação, é o componente de verdade. Clique em cima de qualquer título, texto ou botão para editar direto ali.
- Clique no texto desejado — ele ganha uma borda laranja e você já pode digitar.
- Faça as alterações necessárias.
- Clique em Salvar alterações, sempre logo abaixo da prévia.
Cada bloco só mostra os campos que ele realmente usa no site: selo pequeno, título, subtítulo, texto maior e/ou botão. Se um campo não aparece na tela, é porque aquele bloco não tem esse tipo de texto.
3Ativar ou desativar uma seção
Toda seção pode ser escondida do site sem perder o conteúdo. Abra a seção que quer desligar e, na área "Ajustes" logo abaixo da prévia, desmarque a caixinha:
Clique em Salvar alterações e o bloco some do site publicado imediatamente. O texto e a imagem continuam salvos — para reativar, marque a caixinha de novo e salve.
4Trocar imagens — tamanhos e regras
Onde houver uma imagem, aparece um botão como 🖼️ Trocar imagem ou 🖼️ Trocar imagem de fundo. Ao clicar, abre a janela "Escolher imagem" com duas abas:
- Enviar do dispositivo — escolhe uma foto nova do computador ou celular.
- Escolher já enviada — reaproveita uma imagem que já foi enviada antes (sua biblioteca de imagens).
Regras do arquivo
- Formatos aceitos: JPG, PNG ou WEBP.
- Tamanho máximo do arquivo: 8MB.
- O WEBP costuma pesar bem menos que JPG/PNG com a mesma qualidade — prefira ele quando seu editor de fotos permitir exportar nesse formato, pois o site carrega mais rápido.
Como funciona o ajuste automático
Toda imagem enviada se ajusta automaticamente ao espaço do elemento — o site corta as sobras das bordas para preencher o quadro sem distorcer (é o mesmo efeito de abrir uma foto em "preencher tela" no celular). Por isso:
A janela "Escolher imagem" sempre mostra, no topo, uma caixa azul com o "Tamanho ideal:" daquele bloco específico — a tabela abaixo resume os principais:
| Onde aparece | Proporção | Tamanho recomendado |
|---|---|---|
| Topo da página (Hero / fundo de tela cheia) | Paisagem larga (16:9) | 1920×1080px |
| Fundo da cena de depoimento (Home) | Paisagem larga (16:9) | 1920×1080px |
| Foto vertical ao lado de texto (Fundador, O Que Fazemos) | Retrato | 880×1040px |
| Foto quadrada (Legado, Como Começamos) | Quadrada (1:1) | 880×880px |
| Faixa horizontal (Missão) | Paisagem bem larga (2:1) | 1280×640px |
| Ícone pequeno (mini-cards "Buscar ajuda" / "Voluntários") | Quadrada (1:1) | 200×200px |
| Foto de unidade (bloco "Sobre") | Quase quadrada | 1160×1110px |
| Galeria de fotos (carrossel) | Paisagem (16:10) | 1600×1000px |
| Acervo (carrossel) | Quadrada (1:1) | 1200×1200px |
| Cards genéricos (itens de lista, capa de post) | Paisagem (8:5) | 1040×650px |
| Logo / selo pequeno (site, planos) | Quadrada, fundo transparente (PNG) | 400×400px |
Se a caixa azul não indicar um formato específico, ela mostra uma orientação geral (1200×800px, paisagem) — vale a mesma regra: mande a maior resolução real que tiver, sem cortar o assunto principal perto das bordas.
Remover uma imagem
Quando o bloco já tem uma imagem, aparece um segundo botão ao lado, 🗑️ Remover imagem. Ao clicar, a imagem é apagada do bloco (sem precisar enviar outra no lugar) e o texto do bloco se reajusta sozinho para ocupar o espaço. O botão de imagem passa a mostrar "Adicionar imagem" — clique nele quando quiser colocar uma nova.
5Cards, unidades e outros itens dentro de uma seção
Algumas seções (O Que Fazemos, Como Ajudar, Onde Estamos, Galeria, Acervo, Formas de Apoio, Transparência/Stats) têm uma lista de itens — um card por unidade, por exemplo. Essas seções mostram, abaixo do botão "Salvar alterações", o bloco "🧩 Itens desta seção".
- Adicionar: clique no cartão tracejado + Adicionar item no final da lista.
- Editar: preencha os campos do card (imagem, título, descrição, link, etc.) e clique em Salvar — cada card tem seu próprio botão, salvar um não salva os outros.
- Reordenar: use as setas ▲ ▼ no card para trocar de posição com o vizinho.
- Ocultar sem excluir: desmarque a caixinha "Visível" do card e salve.
- Excluir: botão "Excluir" — pede confirmação antes de apagar de vez.
Na seção "Onde Estamos", cada card de unidade tem dois campos extras (Mapa X e Mapa Y, em %) que definem a posição do pino no mapa ilustrado — ajuste com cuidado, valores de 0 a 100.
6Posts do Blog
Dentro da Home, no grupo "Páginas", logo abaixo do bloco "Blog" aparece o item "Posts do Blog". Cada post tem: imagem de capa, título, categoria, resumo (aparece no card e no topo do artigo) e o conteúdo completo do texto.
Também dá para definir data de publicação, ordem de exibição e se o post está visível no blog. Adicionar, reordenar e excluir posts funciona igual ao item 5 acima.
7Planos de Contribuição
Acessível pela aba 💳 Planos de Contribuição, no grupo "Transparência & Planos" do menu. Existem sempre 3 cartões fixos — Pix, Assinatura e Contribuição Empresarial — não é possível adicionar ou excluir cartões, apenas editar o conteúdo de cada um: logo, título, descrição, valor mensal (só no cartão de Assinatura), texto e link do botão, e se o cartão está ativo.
O cartão de Assinatura tem também um selo opcional "Mais escolhido" (checkbox "Destaque").
8Transparência (documentos)
Aba 📄 Transparência. Você organiza documentos (balanços, certidões etc.) em grupos — cada grupo é um bloco que abre/fecha no site.
- Criar grupo: preencha o título no topo da tela e clique "Adicionar grupo".
- Editar título do grupo: clique no título e digite — salva sozinho ao clicar fora (sem precisar de botão Salvar).
- "Aberto por padrão": define se aquele grupo já aparece expandido quando alguém visita a página.
- Adicionar arquivo: dentro do grupo, dê um nome e escolha o arquivo (somente PDF ou ZIP, até 20MB).
- Excluir grupo ou arquivo individual: ícone ✕/botão correspondente, sempre com confirmação antes.
9Parceiros / Patrocinadores
Neste painel (aba 🤝 Parceiros, ou dentro das seções "Patrocinadores" da Home/página Patrocinadores) você só edita:
- O texto de apresentação da seção (selo, título, subtítulo).
- A velocidade de rolagem dos carrosséis de logos (faixa da Home, faixa do topo, card vertical de parceiros) — um controle deslizante com prévia ao vivo e botão "Salvar velocidade" próprio.
10Configurações do site
Aba ⚙️ Configurações Globais, no grupo "Configurações do site" do menu. Reúne os dados institucionais usados em várias páginas de uma vez. Um único botão "Salvar configurações" no final grava tudo.
Três números diferentes: Contribuição, Triagem/Ajuda e Parceiros/Voluntários. Digite só números, com DDI e DDD (ex.: 5511970910737).
✉️ E-mails
E-mail administrativo e e-mail de gratidão (agradecimentos/doações).
📱 Redes sociais
Link do Instagram e link do YouTube.
📍 Endereço e logo
Endereço institucional e o logo do site (enviado direto do dispositivo, sem colar link — 400×400px, PNG transparente).
🏦 Rodapé
Descrição institucional e dados bancários (banco, agência, conta corrente, chave Pix) exibidos no rodapé de todas as páginas.
📊 Números de impacto
Pessoas acolhidas, famílias ajudadas e projetos realizados — os contadores animados da abertura da Home. Deixe em branco para mostrar valores provisórios.
11Perguntas comuns e cuidados
Cliquei em "Excluir" sem querer
Toda exclusão (item, post, grupo de documento, arquivo) pede confirmação antes de apagar de fato — leia a mensagem e clique "Cancelar" se não tiver certeza.
Editei e saí sem salvar
O painel avisa antes de trocar de tela ou fechar a aba se houver algo não salvo. Se mesmo assim confirmar a saída, a edição é perdida — sempre confira o "Salvo ✓" ao lado do botão antes de continuar.
Salvei uma seção mas os itens dela não mudaram
O botão "Salvar alterações" da seção só salva o texto/imagem principal do bloco. Cada item dentro da seção (cards, unidades, posts) tem seu próprio botão "Salvar" — salve item por item.
A imagem ficou cortada de um jeito estranho
Normalmente é sinal de que a foto enviada tinha uma proporção muito diferente da recomendada para aquele bloco (ex.: uma foto quadrada num espaço bem largo). Troque a imagem por uma que respeite a proporção indicada na caixa azul do upload — veja a tabela do item 4.
Não encontro onde editar algo
Use a busca no topo do menu. Se ainda assim não encontrar (ex.: dados de patrocinadores), reveja o item 9 — alguns conteúdos vêm de outro sistema (Eterium) e não ficam neste painel.
Não aparece o botão de trocar imagem em algum bloco
Todo bloco que suporta imagem mostra o botão "Trocar imagem" (ou "Adicionar imagem", se estiver vazio). Se você notar um bloco com foto no site que não tem esse botão no painel, avise — é uma falha pontual de configuração daquele bloco específico, não uma limitação do sistema.