Introdução
O elemento FAQ, sigla para "Frequently Asked Questions" (Perguntas Frequentes), é uma ferramenta útil para esclarecer dúvidas comuns dos seus clientes, oferecendo um modelo de autoatendimento. Neste tutorial, você aprenderá a adicionar e configurar o elemento FAQ em suas páginas na Rockty.
1. Como Adicionar o Elemento FAQ
Para adicionar um elemento FAQ à sua página na Rockty, siga estes passos:
Adicione um novo elemento em sua página.
Selecione o elemento 'FAQ' na lista de opções disponíveis no menu lateral esquerdo.
💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.
2. Como Acessar as Configurações do Elemento FAQ
Para acessar as configurações do elemento FAQ, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre ele para abrir o menu de opções. Isso permitirá que você ajuste todas as configurações disponíveis para o FAQ.
3. Configurações do Elemento FAQ
O FAQ é dividido em duas seções principais: a linha vermelha e a linha verde.
4. Configurações da Linha Vermelha
A linha vermelha representa cada pergunta e resposta individualmente.
Editar Pergunta e Resposta: Clique nos textos padrão "FAQ" e "Resposta" para editá-los conforme desejado.
Adicionar ou Excluir Linhas: Use o ícone de lixeira para excluir uma linha e o ícone de mais (+) para adicionar novas perguntas e respostas.
Configurações: Clique na engrenagem para acessar as seguintes opções:
Ajustes
Configurar ação: Escolha a ação que o elemento deve executar, como abrir um link externo ou rolar a página.
Posição: Ajuste a posição, largura, margem e espaçamento interno do elemento.
Estilo: Modifique a cor do texto, fontes, estilo da fonte, tamanho, altura da linha e opacidade.
Avançado
Efeitos de movimento – Animação: Adicione e configure animações para o elemento, incluindo comportamento, ativação, duração e atraso.
CSS Classes: Configure classes CSS para aplicar estilos adicionais através do código. Para mais detalhes, consulte nosso tutorial sobre configuração CSS Classes.
Pixel do Facebook / Google: Configure conversões de cliques no botão para Pixel do Facebook ou Google Tag Manager. Veja nossos tutoriais sobre configuração do Pixel do Facebook e Google Tag Manager.
5. Configurações da Linha Verde
A linha verde representa as configurações gerais do elemento FAQ.
Ajustes
Visibilidade: Defina a visibilidade do elemento em diferentes dispositivos (Desktop, Tablet, Mobile).
Posição: Ajuste a posição geral do elemento na página.
Inverter: Altere a direção da seta que revela as respostas.
Esconder separador: Oculte as linhas separadoras entre perguntas e respostas.
Ícone | Largura | Margem | Espaçamento Interno: Ajuste o tamanho dos ícones, largura, margens e espaçamentos internos.
Estilo
Separador | Ícone: Configure as cores dos separadores e ícones.
Avançado
Efeitos de movimento – Animação: Configure animações e efeitos para o elemento FAQ.
CSS Classes: Configure classes CSS para aplicar estilos personalizados. Para mais detalhes sobre o uso de CSS Classes, acesse nosso tutorial sobre CSS Classes.
Conclusão
O elemento FAQ é uma maneira eficaz de oferecer respostas rápidas e facilitar o autoatendimento dos seus visitantes. Ajuste as configurações conforme suas necessidades para personalizar a aparência e o funcionamento do FAQ na sua página.
Dicas Adicionais
Seja claro e objetivo: Formule perguntas e respostas de maneira clara e direta. Use uma linguagem simples para garantir que todas as informações sejam facilmente compreendidas pelos visitantes.
Atualize regularmente: Revise e atualize suas FAQs periodicamente para garantir que as informações estejam sempre precisas e relevantes.
Inclua links relevantes: Adicione links para tutoriais, artigos ou páginas relevantes dentro das respostas para fornecer mais detalhes e ajudar os usuários a encontrarem mais informações.
Responda perguntas frequentes: Concentre-se nas perguntas mais comuns que seus visitantes costumam fazer. Isso garante que o FAQ seja realmente útil.
Mantenha a experiência do usuário em mente: Teste o FAQ em diferentes dispositivos e tamanhos de tela para garantir que ele seja fácil de navegar e ler em qualquer situação.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!