Como adicionar um FAQ (perguntas frequentes) na sua página

Para inserir um elemento de FAQ (Perguntas e Respostas Frequentes) em uma página siga o tutorial abaixo:

No editor de página, através do menu do lado esquerdo da tela, clique no ícone de FAQ;

Quando fizer isso, abrirá uma tela com as opções de Edições na tela de Estilos, começando por:

Posição do ícone: Configuração do posicionamento do ícone, se ficará à direita ou à esquerda da tela.
Item fechado: Configuração da cor da pergunta com a resposta fechada.
Item aberto: Configuração da cor da pergunta com a resposta aberta.

Estilo de título: Fonte utilizada nas Perguntas. As tipografias disponíveis para uso estão configuradas no Design System da página.
Estilo de texto: Fonte utilizada nas Rspostas. As tipografias disponíveis para uso estão configuradas no Design System da página.
Negrito nos títulos: Habilitar que os títulos (perguntas) fiquem em negrito. O mesmo não se aplica aos textos (respostas).

Essas opções também são definidas no Design System da página.

Borda: Nesta parte você configura melhor as bordas do FAQ, deixando ele mais ou menos arredondado de acordo com a quantidade de pixels.
Sombra: Efeito de sombra ao redor do FAQ.

Efeito: Selecione o estilo de efeito desejado para o elemento. Alternando entre os efeitos, você pode ver como cada um funciona.
Direção: Aqui você pode definir a direção da animação, por exemplo: para cima, para baixo, para a direita ou para a esquerda.
Velocidade: Aqui você define a velocidade da sua animação. Quanto mais próximo de 250 ms, mais rápida a animação; quanto mais próximo de 2000 ms, mais lenta a animação.
Atraso: Esta configuração permite definir o tempo de atraso da sua animação. Este tempo varia de 0 ms a 2000 ms.
Repetir: Nesta função, você pode escolher se a animação aparecerá apenas uma vez ou continuamente.

Depois de configurar a parte visual do FAQ, acessando a aba "Configurar" você poderá configurar as Perguntas e Respostas do elemento. Acessando o botão "Adicionar Pergunta" abrirá uma tela onde você poderá adicionar o título e texto;

Após configurar as perguntas, você poderá habilitar que a primeira pergunta do FAQ inicie aberta na tela, ou não. Assim como poderá optar por habilitar que Metadados do Google neste elemento;

Ainda na mesma tela, rolando mais para baixo, você verá a configuração de Visibilidade, onde poderá optar por ocultar o elemento em uma das duas versões da página: Desktop (computadores) ou Mobile (celulares);

Por último, acessando a aba de Código você poderá copiar o ID deste elemento, ou editar o elemento diretamente para HTML e CSS. Lembre-se que essa é uma função avançada e qualquer alteração mal executada pode gerar erros no elemento.

Ficou com alguma dúvida? Chame nosso suporte, estamos sempre prontos para ajudar!

Atualizado em: 13/08/2026

Este artigo foi útil?

Obrigado!