Landing Page
Home – Landing Page – FAQ
Manual de Uso: FAQ
A Dobra FAQ é utilizada para exibir uma seção de perguntas e respostas frequentes, ajudando os visitantes a esclarecer dúvidas de maneira rápida e prática. Os itens podem ser personalizados em termos de conteúdo, cores e ícones, com suporte a grupos de repetição para adicionar múltiplas perguntas e respostas.
Campos e Funcionalidades
Tipo: Switcher (ativar/desativar).
Descrição: Ativa ou desativa a exibição da seção “FAQ”.
Dica de configuração: Ative esta seção apenas quando tiver perguntas e respostas configuradas.
Tipo: Seleção (dropdown).
Descrição: Define o layout do FAQ. Atualmente, um único modelo está disponível:
– Modelo 01
– Modelo 02
Dica de configuração: Personalize cores e conteúdo para adequar o modelo às necessidades 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 o código de cor desejado.
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.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto descritivo 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: “Perguntas Frequentes”.
Tipo: Editor de texto.
Descrição: Adicione uma breve descrição que contextualize as perguntas e respostas exibidas.
Exemplo de uso:
“Aqui estão as respostas para as dúvidas mais comuns dos nossos clientes. Se ainda tiver alguma dúvida, entre em contato conosco.”
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo do ícone exibido ao lado das perguntas.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do ícone associado às perguntas.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo para o bloco das perguntas.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto das perguntas.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Define a cor de fundo para o bloco das respostas.
Formato de cor: Código hexadecimal.
Tipo: Seleção de cor (color picker).
Descrição: Configura a cor do texto das respostas.
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. Ícone
Tipo: Campo de texto.
Descrição: Insira o nome da classe do ícone a ser exibido junto à pergunta.
Exemplo de uso:
– Para ícones do Font Awesome, insira o nome da classe (ex.: fa-check).
– A lista completa de ícones pode ser encontrada em: Font Awesome.
B. Pergunta
Tipo: Campo de texto.
Descrição: Insira a pergunta que será exibida na seção.
Exemplo de uso: “Como posso alterar meu plano?”
C. Resposta
Tipo: Editor de texto.
Descrição: Adicione a resposta associada à pergunta configurada.
Exemplo de uso:
“Para alterar seu plano, acesse sua conta, clique em ‘Configurações’ e selecione a opção ‘Alterar Plano’.”
Dicas de Configuração
Adicionar novos itens:
– Clique em “Adicionar” para incluir uma nova pergunta e resposta.
Copiar itens existentes:
– Utilize a função de cópia para duplicar perguntas já configuradas e editar o conteúdo conforme necessário.
Reorganizar itens:
– Arraste e solte os blocos para alterar a ordem de exibição das perguntas e respostas.