Perguntas e Respostas 02
Perguntas frequentes com uma chamada ao lado — quando a página converte logo depois das objeções.
Nesta página
Visão geral
Seção de perguntas frequentes em accordion lateral, com CTA destacado e lista de perguntas/respostas.
| Propriedade | Valor |
|---|---|
| Nome no editor | Perguntas e Respostas 02 |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-faq-02 |
| Identificador no Markdown | faq-02 |
| Papel na página | Tratamento de objeções |
| Campos de conteúdo | 8 |
| Opções de estilo | 38 (17 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa de uma seção de perguntas frequentes (FAQ) com layout lateral.
- Há um CTA (chamada para ação) a ser destacado ao lado do accordion.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Perguntas e Respostas 02 para a página (ou clique em + em uma área vazia).
- Preencha a aba Conteúdo e ajuste a aba Estilo.
O widget também pode vir pronto em um modelo de página ou ser inserido pelo Converto Construtor.
Opções da aba Conteúdo
Conteúdo
| Opção | Tipo | Detalhes |
|---|---|---|
| Título Principal | Texto | Padrão: Tudo o que você precisa saber |
| Subtítulo | Área de texto | Padrão: Reunimos as principais dúvidas para ajudar você a tomar a melhor deci… |
| Ícone do CTA | Ícone | |
| Título do CTA | Área de texto | Padrão: Ainda com alguma dúvida? |
| Texto do CTA | Área de texto | Padrão: Nossa equipe de especialistas está de prontidão para entender o seu c… |
| Texto do Botão | Texto | Padrão: Falar com um Especialista |
| Link do Botão | Link | |
| Lista de Perguntas | Lista | |
| ↳ Título da categoria | Texto | Padrão: Primeiros Passos |
| ↳ Título interno da pergunta | Texto | Padrão: Como funciona a ativação do serviço? |
| ↳ Resposta | Texto formatado | Padrão: A liberação é imediata após a confirmação do paga… |
Opções da aba Estilo
A aba Estilo reúne 38 opções em 7 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Título, Título / Altura da Linha, Subtítulo, Subtítulo / Altura da Linha, CTA Título, CTA Título / Altura da Linha, CTA Texto, CTA Texto / Altura da Linha, Ícone do CTA, Pergunta, Pergunta / Altura da Linha, Título Interno, Título Interno / Altura da Linha, Resposta, Resposta / Altura da Linha |
| Cores | Cor do Título Principal, Cor do Subtítulo, Cor da Pergunta, Cor do Título Interno, Cor da Resposta, Cor da Divisória (Linha), Cor de Fundo do Cartão, Cor da Borda, Cor do Título, Cor do Texto, Cor do Texto do Botão, Cor de Fundo do Botão, Cor do Ícone, Cor de Fundo do Ícone |
| Plano de Fundo | Plano de Fundo |
| Sobreposição de Fundo | Sobreposição de Fundo, Opacidade |
| Espaçamentos | Espaço superior, Espaço inferior, Anular espaço de cima, Anular espaço de baixo |
| Arredondamento | Cartão / Raio da Borda, Botão / Raio da Borda |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
17 opções deste widget são responsivas: o Elementor permite definir valores diferentes para desktop, tablet e celular (ícones de dispositivo ao lado do campo). Para ajustes finos por largura de tela, use a sintaxe curta de media queries no campo CSS da aba Avançado.
Campos no Converto Construtor (Markdown)
Use o identificador faq-02 na linha <!-- converto:faq-02 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
title | Texto | Sim | |
subtitle | Texto | Não | |
cta_icon | Ícone | Não | |
cta_title | Texto | Não | |
cta_text | Texto | Não | |
cta_button_text | Texto | Não | Texto do botão do CTA. Requer cta_button_link preenchido (com url) — sem ele o botão não é renderizado. |
cta_button_link | Link | Não | |
faq_list | Lista | Sim | |
↳ category_title | Texto | Sim | Texto exibido como pergunta no accordion (categoria/título da pergunta). |
↳ question_text | Texto | Não | Sub-pergunta exibida publicamente quando o item expande (.faqs-2-question h5). Sempre preencha este campo para evitar h5 vazio e warnings PHP. |
↳ answer_text | Texto formatado | Sim | Texto da resposta (suporta HTML/formatação). |
Os controles da aba Estilo também podem ser usados no bloco :::style, pelos identificadores do próprio widget (campo omitido mantém o padrão). Veja a linguagem Markdown Converto.
Exemplo
<!-- converto:faq-02 -->
:::content
title: Tudo o que você precisa saber
subtitle: Reunimos as principais dúvidas para ajudar você a tomar a melhor decisão agora mesmo.
cta_icon: fa-regular fa-circle-check
cta_title: Ainda com alguma dúvida?
cta_text: Nossa equipe de especialistas está de prontidão para entender o seu cenário e oferecer a solução ideal. Fale com a gente agora!
cta_button_text: Falar com um Especialista
cta_button_link: https://exemplo.com/oferta
faq_list:
- category_title: Primeiros Passos
question_text: Como funciona a ativação do serviço?
answer_text: A liberação é imediata após a confirmação do pagamento. Você receberá um e-mail com seus dados de acesso exclusivos para iniciar sua jornada de sucesso.
- category_title: Primeiros Passos
question_text: Como funciona a ativação do serviço?
answer_text: A liberação é imediata após a confirmação do pagamento. Você receberá um e-mail com seus dados de acesso exclusivos para iniciar sua jornada de sucesso.
:::Recursos comuns a todos os widgets
- Textos aceitam variáveis de página (
{{rotulo}}) e marcação de texto. - Aba Avançado: campos CSS e JS por elemento (CSS e JS personalizado).
- Seção Animações na aba Estilo (Animações de entrada).