Landing Page

HomeLanding Page – Conteúdo A

Manual de Uso: CONTEÚDO A

A Dobra Conteúdo A é uma seção versátil projetada para destacar informações específicas, com flexibilidade para exibir textos, imagens, galerias ou vídeos. Seu uso não está limitado a um tipo específico de conteúdo, podendo ser adaptado para apresentar serviços, produtos, depoimentos ou qualquer informação relevante.

Assim como a Dobra Sobre Nós, esta seção é altamente configurável, com opções para personalização de cores, layout, títulos e botões, permitindo que o conteúdo se adapte à identidade visual da página.

Campos e Funcionalidades

01. Ativar Seção

Tipo: Switcher (ativar/desativar).

Descrição: Habilita ou desabilita a exibição da seção “Conteúdo A”.

Dica de configuração: Ative esta seção apenas quando o conteúdo estiver configurado corretamente.

02. Modelos

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.

03. Imagem de Fundo

Tipo: Upload de mídia (imagem).

Descrição: Define a imagem de fundo para a seção.

Dimensões sugeridas: 1920x1280px.

Formato recomendado: WEBP (prioritário), JPG ou PNG.

Dica de configuração: Utilize imagens de alta qualidade, preferencialmente no formato WEBP para otimizar o carregamento.

04. Cor do Fundo

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).

05. Cor do Fundo Secundária

Tipo: Seleção de cor (color picker).

Descrição: Define uma cor de fundo complementar ou adicional, dependendo do modelo selecionado.

Formato de cor: Código hexadecimal.

06. Posição Título

Tipo: Seleção (radio button).

Descrição: Define o alinhamento do título na seção.

Opções disponíveis:
– Lateral
– Centralizado

Dica de configuração: Escolha o alinhamento que melhor se adapta ao layout da página.

07. Galeria

Tipo: Upload de mídia (imagem).

Descrição: Adiciona imagens ou elementos visuais para a galeria da seção.

Dimensões sugeridas: 600x600px.

Formato recomendado: WEBP, JPG ou PNG.

Dica de configuração: Certifique-se de que todas as imagens tenham o mesmo tamanho para manter a uniformidade visual.

08. Tipo Slider

Tipo: Seleção (radio button).

Descrição: Define o tipo de slider a ser exibido na galeria.

Opções disponíveis:
– Galeria
– Logotipos

Dica de configuração: Utilize o slider de logotipos para destacar parceiros ou marcas associadas.

09. Cor do Título

Tipo: Seleção de cor (color picker).

Descrição: Define a cor do título principal da seção.

Formato de cor: Código hexadecimal.

10. Cor do Texto

Tipo: Seleção de cor (color picker).

Descrição: Configura a cor do texto complementar.

Formato de cor: Código hexadecimal.

11. Título

Tipo: Campo de texto.

Descrição: Insere o título principal da seção.

Dica de configuração: Use um título objetivo e atrativo para resumir a mensagem principal da seção.

Exemplo de uso: “Nossa História”.

12. Texto

Tipo: Editor de texto.

Descrição: Insira um texto detalhado ou descritivo que complemente o título.

Dica de configuração: Use este campo para apresentar informações relevantes de forma clara e concisa.

13. Texto Botão

Tipo: Campo de texto.

Descrição: Define o texto exibido no botão de ação da seção.

Exemplo de uso: “Saiba Mais” ou “Conheça Mais”.

14. Link Botão

Tipo: Campo de texto (URL).

Descrição: Configura o link para onde o botão redirecionará o visitante.

Formato esperado: URL completa (ex.: https://www.suaempresa.com) ou âncoras para seções específicas da página (ex.: #01).

Dica de configuração: Para direcionar ao WhatsApp, utilize o formato:

https://wa.me/<número_de_telefone>?text=<mensagem_personalizada>

https://wa.me/5511998765432?text=Olá,%20gostaria%20de%20saber%20mais!

15. URL YouTube

Tipo: Campo de texto (URL).

Descrição: Insira a URL de um vídeo do YouTube para ser exibido na seção.

Formato esperado: URL completa do YouTube (ex.: https://www.youtube.com/watch?v=12345).

16. Imagem de Fundo Vídeo

Tipo: Upload de mídia (imagem).

Descrição: Adiciona uma imagem de fundo para o botão do vídeo.

Dimensões sugeridas: 1920x1280px.

17. Cor do Botão de Vídeo

Tipo: Seleção de cor (color picker).

Descrição: Configura a cor do botão associado ao vídeo.

Formato de cor: Código hexadecimal.

18. Cor do Ícone Botão de Vídeo

Tipo: Seleção de cor (color picker).

Descrição: Define a cor do ícone exibido no botão do vídeo.

Formato de cor: Código hexadecimal.

Dicas de Configuração

Harmonia Visual:
Escolha cores que criem contraste adequado entre texto, título e fundo para garantir legibilidade.

Imagens e Galeria:
Certifique-se de que as imagens ou elementos visuais estejam alinhados à identidade visual da página.

Atenção ao Conteúdo:
Use o texto e os botões para guiar o visitante em direção à conversão ou próximo passo lógico.