Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como funciona o elemento FAQ na Rockty
Como funciona o elemento FAQ na Rockty

Saiba como configurar o elemento FAQ (Perguntas Frequentes) em suas páginas.

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

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:

  1. Adicione um novo elemento em sua página.

  2. 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!

Respondeu à sua pergunta?