> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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:

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_o0vhzf.png =650x707)

2. Em seguida o elemento de Faq estará inserido na página, clique em **Editar**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_18zunpd.png =650x321)

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

###### ÍCONE

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1yfknu6.png =650x370)

* Configuração visual do ícone usado em cada pergunta no FAQ.

###### POSIÇÃO DO ÍCONE E CORES

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1g8i2zh.png =650x381)

* **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.

###### ESTILOS DE FONTES

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_vvf079.png =650x457)

* **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).

###### ESPAÇAMENTO

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1b7e7bf.png =650x457)

* **Entre os ítens**: Configuração de espaçamento entre cada pergunta do FAQ.
* **Interno**: Espaçamento entre cada letra das perguntas e das respostas.

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

###### BORDAS E SOMBRA

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1rirmgi.png =650x462)

* **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.

###### ANIMAÇÃO

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_10jk8d2.png =650x465)

* **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.

5. 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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1rghliv.png =650x453)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1c5962t.png =650x611)

6. 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;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_tss8cj.png =650x456)

7. 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);

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_hcw642.png =650x463)

8. 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_m4vc7s.png =650x461)

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