Guia do Usuário
Editor Visual
Tudo o que você precisa saber para personalizar seu site do Vitrine Digital. Seção por seção, campo por campo.
O Editor Visual é onde a associação personaliza todas as informações que aparecem no seu site dentro do Vitrine Digital. Ao entrar na tela, você verá uma lista numerada de seções no lado esquerdo — basta clicar em cada uma para abrir os campos de edição correspondentes.
Depois de alterar qualquer campo, use o botão "Salvar" no topo da página para gravar as mudanças:
O botão "Versões" permite consultar e recuperar versões anteriores. O indicador "Visível" mostra se o site está publicado, e o link "Ver Site" abre a página real para conferência.
Na parte superior da plataforma, estão disponíveis as áreas de Posts, para publicação de notícias e conteúdos da associação, e de Controle de Usuários, para gerenciamento dos acessos à plataforma.
✏️ Barra de Formatação
Muitos campos de texto possuem uma pequena barra com opções de negrito, itálico, sublinhado, tamanhos de título, tamanho de fonte, cor e um botão "limpar". Selecione a palavra ou frase e aplique o estilo desejado.
Dica sobre imagens: os campos de imagem oferecem opções de tamanho (P, M, G ou Personalizado) que ajustam automaticamente a foto. Na dúvida, "Sem transformação" mantém a imagem original.
Aqui ficam os dados de identidade do site. Tudo o que define como a marca da associação aparece no site é configurado nesta área.
Cuidado com as cores: a paleta inclui Cor Primária, Secundária, Destaque, fundo do menu, tons claro/escuro e cor do texto do menu. Alterar essas cores muda a identidade visual do site inteiro — use com cuidado e confira o resultado usando "Ver Site".
É a primeira coisa que o visitante vê ao acessar o site. Aqui você configura o impacto inicial do seu site.
Cor do Hero: quando ativada, essa opção substitui as cores padrão apenas no fundo dessa seção, permitindo um visual diferenciado sem afetar o resto do site.
Conta a história e o propósito da associação. Nesta seção você controla tanto a visibilidade quanto o conteúdo institucional completo.
Os blocos de Missão, Visão e Valores podem ser exibidos por completo diretamente ou escondidos atrás de um botão "Ver mais" — escolha conforme o tamanho do conteúdo.
Exibe cards com as vantagens de ser associado. Você edita o título e subtítulo da seção e gerencia a lista de benefícios.
Use o botão "+ Benefício" para adicionar novos itens. Você também pode remover benefícios existentes que não se aplicam mais.
Exibe os membros da diretoria da associação, dividida em duas partes para dar destaque especial à presidência.
Parte 1 — Presidente em Destaque: o primeiro nome da lista da Parte 2 é automaticamente quem aparece em destaque. Para trocar quem é o presidente, basta arrastar os nomes pelo ícone de pontinhos (⋮⋮) para reordenar.
Parte 2 — Demais Membros: lista os demais membros da gestão, cada um com foto. É possível definir quantos aparecem por linha antes do botão "Ver mais".
Apresenta as soluções oferecidas pela associação em formato de cards visuais.
Para incluir novos produtos ao seu portfólio, basta solicitar à Central de Rede. Nossa equipe desenvolve uma Landing Page personalizada para sua associação, com foco em apresentar a solução de forma estratégica e potencializar suas oportunidades de venda.
Área de notícias da associação. Aqui você configura a apresentação visual dos posts, não o conteúdo deles em si.
Configura todas as informações de contato exibidas no site, incluindo a integração com o Google Maps.
E-mail: o e-mail exibido vem automaticamente do cadastro da associação, não é digitado aqui.
🗺️ Como incorporar o Google Maps
1. Abra o Google Maps e busque o endereço.
2. Clique em Compartilhar → Incorporar mapa.
3. Clique em Copiar HTML.
4. No código copiado, encontre o atributo src="..." e copie apenas a URL dentro das aspas.
5. Cole essa URL no campo correspondente do editor.
Controla o conteúdo do rodapé do site, incluindo redes sociais e links rápidos.
Itens controlados pela CDR: o selo "Powered by" e o Documento Legal no Rodapé (Termos de Uso e Política de Privacidade) são gerenciados centralmente pela CDR e não podem ser alterados pela associação.
A plataforma já vem configurada com os blocos institucionais da CACB, da Federação e do CMEC, fortalecendo a identidade da rede. Caso a associação prefira, é possível ocultar qualquer uma dessas seções.
Reúne os códigos de rastreamento do site para monitoramento de acessos e campanhas.
Esta seção é administrada exclusivamente pela Central de Rede para garantir a segurança, o desempenho e a integridade da plataforma. As configurações podem ser consultadas pela associação, mas não editadas.
Define como o site aparece nos resultados de busca do Google, Bing e outros buscadores.
Esta seção é bastante técnica. Embora não esteja bloqueada, recomenda-se cautela ao editá-la — alterações incorretas podem impactar negativamente o posicionamento do site nos buscadores.
Define quantos itens no mínimo e no máximo podem existir nas seções de Benefícios, Gestão e Soluções. Esses limites são definidos pela CDR para manter a padronização visual entre todos os sites da rede.
Os limites são gerenciados exclusivamente pela Central de Rede. Caso seja necessário alterá-los, basta solicitar o ajuste à nossa equipe.
Permite associar um domínio próprio (por exemplo, www.suaassociacao.com.br) ao site, com certificado de segurança (HTTPS) configurado automaticamente.
Se a associação souber realizar a configuração de DNS, basta seguir as instruções técnicas fornecidas pela CDR para apontar o domínio corretamente.
Caso prefira suporte, a equipe da Central de Rede realiza toda a configuração — basta entrar em contato e informar o domínio desejado.
Guia do Usuário — Editor Visual do Vitrine Digital