Benefícios 03
Texto de apoio de um lado e cartões de benefícios do outro — explica o "porquê" e lista os ganhos juntos.
Nesta página
Visão geral
Seção de benefícios em duas colunas: texto (rótulo + título + descrição) à esquerda e cartões de benefício (ícone + título + descrição) à direita.
| Propriedade | Valor |
|---|---|
| Nome no editor | Benefícios 03 |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-benefits-03 |
| Identificador no Markdown | benefits-03 |
| Papel na página | Interesse e desejo |
| Campos de conteúdo | 4 |
| Opções de estilo | 28 (13 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa apresentar um bloco de texto introdutório ao lado de uma lista de benefícios em cartões.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Benefícios 03 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 |
|---|---|---|
| Rótulo | Texto | Padrão: One-Stop Solution |
| Título | Texto | Padrão: Smart solutions, real-time results |
| Descrição | Área de texto | Padrão: Insira seu texto persuasivo para aumentar a conversão de vendas. |
| Lista de Benefícios | Lista | |
| ↳ Ícone | Ícone | |
| ↳ Título do Benefício | Texto | Padrão: Título de Alta Conversão |
| ↳ Descrição | Área de texto | Padrão: Nossa plataforma oferece tudo o que você precisa … |
Opções da aba Estilo
A aba Estilo reúne 28 opções em 8 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Rótulo, Rótulo / Altura da Linha, Título, Título / Altura da Linha, Descrição, Descrição / Altura da Linha, Título (Benefício), Título (Benefício) / Altura da Linha, Descrição (Benefício), Descrição (Benefício) / Altura da Linha, Ícone |
| Cores | Cor do Rótulo, Cor do Título Principal, Cor da Descrição Principal, Cor do Título (Benefício), Cor da Descrição (Benefício), Cor do Ícone, Fundo do Ícone (Círculo), Fundo do Cartão |
| Disposição | Colunas |
| 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 |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
13 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 benefits-03 na linha <!-- converto:benefits-03 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
section_id | Texto | Não | |
title | Texto | Sim | |
description | Texto | Não | |
benefits_list | Lista | Sim | |
↳ icon | Ícone | Não | |
↳ item_title | Texto | Sim | |
↳ item_description | Texto | Nã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:benefits-03 -->
:::content
section_id: One-Stop Solution
title: Smart solutions, real-time results
description: Insira seu texto persuasivo para aumentar a conversão de vendas.
benefits_list:
- icon: fa-regular fa-circle-check
item_title: Título de Alta Conversão
item_description: Nossa plataforma oferece tudo o que você precisa para multiplicar as suas vendas rapidamente.
- icon: fa-regular fa-circle-check
item_title: Título de Alta Conversão
item_description: Nossa plataforma oferece tudo o que você precisa para multiplicar as suas vendas rapidamente.
:::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).