Filhos da Luz · Ajuda do Painel
← Voltar para o painel

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.

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.

  1. Clique no texto desejado — ele ganha uma borda laranja e você já pode digitar.
  2. Faça as alterações necessárias.
  3. Clique em Salvar alterações, sempre logo abaixo da prévia.
⚠️Se você sair da seção (clicar em outro item do menu) sem clicar em "Salvar alterações", o painel avisa: "Você tem alterações não salvas nesta tela. Deseja sair mesmo assim e perdê-las?" — se confirmar, o texto digitado é perdido.

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:

Mostrar esta seção no site

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:

ℹ️Você não precisa cortar a imagem no tamanho exato antes de enviar — mas precisa respeitar a proporção (paisagem, retrato ou quadrada) indicada. Se enviar uma foto numa proporção muito diferente da recomendada, o recorte automático pode cortar justamente a parte importante da imagem (rostos, texto, o assunto principal), então deixe o assunto principal centralizado e nunca coloque nada essencial bem na borda da foto.

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 apareceProporçãoTamanho 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)Retrato880×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 quadrada1160×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.

ℹ️Remover não apaga a imagem da sua biblioteca — ela continua disponível na aba "Escolher já enviada" caso queira reaproveitar depois.

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.

ℹ️No campo de conteúdo completo, separe os parágrafos deixando uma linha em branco entre eles — é assim que o site sabe onde quebrar o texto em parágrafos.

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

⚠️Os logos, nomes, descrições e links dos patrocinadores não são cadastrados aqui. Eles vêm direto do cadastro de Parceiros do Eterium (o sistema interno/CRM). Para adicionar, editar ou remover um patrocinador, use o Eterium.

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.

💬 WhatsApp

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.