Landing Page
Home – Landing Page – Informações Importantes
Manual de Uso: INFORMAÇÕES IMPORTANTES
A Dobra Informações Importantes é utilizada para destacar conteúdos essenciais da página, como descrições, ícones ou galerias de imagens. Essa seção é personalizável, com diversas opções de layout e cores. Abaixo estão os campos disponíveis, organizados na ordem em que aparecem.
Campos e Funcionalidades
Tipo: Switcher (ativar/desativar).
Descrição: Permite ativar ou desativar a exibição da seção “Informações Importantes”.
Dica de configuração: Desative esta seção se ela não for necessária para a página.
Tipo: Seleção (dropdown).
Descrição: Define o layout visual da seção.
Opções disponíveis:
– Modelo 01
– Modelo 02
– Modelo 03 – Sobreposto
– Modelo 04 – Sobreposto
– Modelo 05 – Carrossel de Logos
Dica de configuração: Teste os modelos disponíveis para escolher o mais adequado ao conteúdo que deseja exibir.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem de fundo para a seção.
Dimensões sugeridas: 1920x1280px.
Formato recomendado: WEBP (prioritário), JPG ou PNG.
Dica de configuração: Utilize uma imagem de alta qualidade no formato WEBP para garantir bom desempenho e carregamento rápido.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo da seção.
Formato de cor: Código hexadecimal (ex.: #FFFFFF para branco).
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do título principal da seção.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor do texto complementar exibido na seção.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do fundo utilizada para os ícones da seção.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor dos títulos associados aos ícones.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto associado aos ícones.
Formato de cor: Código hexadecimal.
Tipo: Seleção (radio button).
Descrição: Ativa ou desativa animações nos ícones da galeria.
Opções disponíveis:
– SIM
– NÃO
Dica de configuração: Use animações apenas quando forem necessárias para chamar atenção para os ícones.
Tipo: Campo de texto.
Descrição: Insere o título principal da seção.
Dica de configuração: Utilize um título claro e objetivo que resuma o propósito da seção.
Exemplo de uso: “Por que Escolher Nossos Serviços?”.
Tipo: Editor de texto.
Descrição: Insira um texto complementar que forneça mais informações ou contexto para o título.
Dica de configuração: Use este espaço para reforçar os diferenciais ou benefícios do serviço ou produto destacado.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona imagens ao carrossel exibido no Modelo 05.
Dimensões sugeridas: 300x300px.
Formato recomendado: SVG (prioritário), WEBP, JPG ou PNG.
Dica de configuração: Certifique-se de que todas as imagens tenham o mesmo tamanho para manter a uniformidade visual.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem representativa para o bloco 01.
Dimensões sugeridas: 300x300px.
Formato recomendado: SVG, WEBP, JPG ou PNG.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem representativa para o bloco 02.
Dimensões sugeridas: 300x300px.
Formato recomendado: SVG, WEBP, JPG ou PNG.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem representativa para o bloco 03.
Dimensões sugeridas: 300x300px.
Formato recomendado: SVG, WEBP, JPG ou PNG.
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem representativa para o bloco 04.
Dimensões sugeridas: 300x300px.
Formato recomendado: SVG, WEBP, JPG ou PNG.
Dicas de Configuração
– Utilize os blocos de informações para destacar benefícios, diferenciais ou conteúdos relevantes, sem distrair com links externos.
– Direcione o visitante apenas para ações específicas, como cliques nos botões de conversão ou envio de formulários.
– Certifique-se de que os textos e imagens estejam harmonizados com o restante da página.
– Use ícones ou imagens uniformes para garantir consistência visual.