Landing Page
Home – Landing Page – Depoimentos
Manual de Uso: DEPOIMENTOS
A Dobra Depoimentos é projetada para exibir avaliações, feedbacks ou depoimentos, com modelos variados que atendem a diferentes contextos, como prints de avaliações, vídeos do YouTube, textos descritivos ou integração com o Google Meu Negócio.
Campos e Funcionalidades
Tipo: Switcher (ativar/desativar).
Descrição: Permite ativar ou desativar a exibição da seção “Depoimentos”.
Dica de configuração: Ative esta seção apenas se os depoimentos forem relevantes para a página.
Tipo: Seleção (dropdown).
Descrição: Define o layout e a funcionalidade da seção.
Opções disponíveis:
– Modelo 01 – Prints: Exibe imagens dos depoimentos provenientes do campo de repetição (imagem).
– Modelo 02 – Vídeo YouTube: Exibe vídeos a partir das URLs configuradas no campo de repetição (URL vídeo).
– Modelo 03 – Textos: Exibe textos de depoimentos com nome, foto e descrição.
– Modelo 04 – Google Meu Negócio: Integra avaliações configuradas na aba específica “Depoimentos GMN”.
Dica de configuração: Escolha o modelo mais adequado ao tipo de depoimento 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, JPG ou PNG.
Dica de configuração: Utilize imagens alinhadas à identidade visual da página.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor de fundo principal da seção.
Formato de cor: Código hexadecimal.
Ferramenta recomendada: Utilize o Image Color Picker para gerar os códigos de cor desejados.
Tipo: Seleção de cor (color picker).
Descrição: Define uma cor de fundo adicional para complementar o design.
Formato de cor: Código hexadecimal.
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 da descrição principal da seção.
Formato de cor: Código hexadecimal.
Tipo: Campo de texto.
Descrição: Insere o título principal da seção.
Exemplo de uso: “O Que Nossos Clientes Dizem”.
Tipo: Editor de texto.
Descrição: Insira um texto complementar ao título principal.
Dica de configuração: Utilize este campo para explicar a relevância dos depoimentos apresentados.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo para os depoimentos exibidos.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto dos depoimentos.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do botão de vídeo exibido no modelo de vídeo do YouTube.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor do ícone do botão de vídeo.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor dos nomes dos depoentes.
Formato de cor: Código hexadecimal.
Os itens da listagem são configurados como um grupo de repetição, permitindo:
– Adicionar novos itens: Clique em “Adicionar” para incluir novos elementos.
– Copiar um item existente: Economize tempo copiando um item existente e editando suas informações.
– Reordenar itens: Arraste e solte os blocos para reorganizar a ordem dos itens na listagem.
A. Nome do Depoente
Tipo: Campo de texto.
Descrição: Insira o nome do autor do depoimento.
Exemplo de uso: “João Silva”, “Maria Oliveira”.
B. Foto
Tipo: Upload de mídia (imagem).
Descrição: Adiciona uma imagem representativa do depoente.
Dimensões sugeridas: 600x600px.
Formato recomendado: WEBP, JPG ou PNG.
Dica de configuração: Utilize fotos alinhadas ao estilo visual da página para garantir consistência.
C. Depoimento
Tipo: Editor de texto.
Descrição: Insira o texto completo do depoimento.
Exemplo de uso:
“A experiência foi incrível! O suporte foi rápido e as soluções atenderam todas as nossas necessidades.”
D. URL Vídeo
Tipo: Campo de texto (URL).
Descrição: Insira a URL de um vídeo do YouTube relacionado ao depoimento (somente para modelos baseados em vídeo).
Formato esperado: URL completa do YouTube (ex.: https://www.youtube.com/watch?v=12345).
Dica de configuração: Certifique-se de que o vídeo seja relevante ao depoimento ou serviço destacado.
Dicas de Configuração
Seleção de Modelo:
– Escolha o modelo de acordo com o tipo de depoimento disponível (texto, vídeo ou imagem).
– O modelo “Google Meu Negócio” requer configuração específica na aba “Depoimentos GMN”.
Atenção ao Grupo de Repetição:
– Utilize a função de cópia para agilizar a criação de itens similares.
– Reorganize os itens facilmente arrastando-os para cima ou para baixo.
Harmonia Visual:
– Certifique-se de que as cores do título, descrição e fundos estejam alinhadas com o tema da página.