Ir para o conteúdo
Converto Ajuda
Biblioteca de widgets

Perguntas e Respostas 02

Perguntas frequentes com uma chamada ao lado — quando a página converte logo depois das objeções.

Intermediário4 min de leitura
Nesta página

Visão geral

Seção de perguntas frequentes em accordion lateral, com CTA destacado e lista de perguntas/respostas.

PropriedadeValor
Nome no editorPerguntas e Respostas 02
Onde encontrarPainel de widgets do Elementor, categoria Converto
Identificador no Elementorlgr-faq-02
Identificador no Markdownfaq-02
Papel na páginaTratamento de objeções
Campos de conteúdo8
Opções de estilo38 (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

  1. Abra a página no editor do Elementor.
  2. 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).
  3. 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çãoTipoDetalhes
Título PrincipalTextoPadrão: Tudo o que você precisa saber
SubtítuloÁrea de textoPadrão: Reunimos as principais dúvidas para ajudar você a tomar a melhor deci…
Ícone do CTAÍcone
Título do CTAÁrea de textoPadrão: Ainda com alguma dúvida?
Texto do CTAÁrea de textoPadrão: Nossa equipe de especialistas está de prontidão para entender o seu c…
Texto do BotãoTextoPadrão: Falar com um Especialista
Link do BotãoLink
Lista de PerguntasLista
↳ Título da categoriaTextoPadrão: Primeiros Passos
↳ Título interno da perguntaTextoPadrão: Como funciona a ativação do serviço?
↳ RespostaTexto formatadoPadrã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çãoO que ajusta
TextosTí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
CoresCor 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 FundoPlano de Fundo
Sobreposição de FundoSobreposição de Fundo, Opacidade
EspaçamentosEspaço superior, Espaço inferior, Anular espaço de cima, Anular espaço de baixo
ArredondamentoCartão / Raio da Borda, Botão / Raio da Borda
AnimaçõesEntrada 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):

CampoTipoObrigatórioDetalhes
titleTextoSim
subtitleTextoNão
cta_iconÍconeNão
cta_titleTextoNão
cta_textTextoNão
cta_button_textTextoNãoTexto do botão do CTA. Requer cta_button_link preenchido (com url) — sem ele o botão não é renderizado.
cta_button_linkLinkNão
faq_listListaSim
↳ category_titleTextoSimTexto exibido como pergunta no accordion (categoria/título da pergunta).
↳ question_textTextoNãoSub-pergunta exibida publicamente quando o item expande (.faqs-2-question h5). Sempre preencha este campo para evitar h5 vazio e warnings PHP.
↳ answer_textTexto formatadoSimTexto 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

markdown
<!-- 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

Este artigo foi útil?

Artigos relacionados