Oferta 04

Oferta simples e centralizada — imagem, benefícios com ícones, preço e um botão.

Intermediário4 min de leitura

Nesta página

Visão geral
Quando usar
Como adicionar
Opções da aba Conteúdo
Conteúdo
Opções da aba Estilo
Comportamento responsivo
Campos no Converto Construtor (Markdown)
Exemplo
Recursos comuns a todos os widgets

Visão geral

Oferta centrada com imagem destacada, título, lista de benefícios, preço e botão de ação.

Propriedade	Valor
Nome no editor	Oferta 04
Onde encontrar	Painel de widgets do Elementor, categoria Converto
Identificador no Elementor	`lgr-offer-04`
Identificador no Markdown	`offer-04`
Papel na página	Desejo e decisão
Campos de conteúdo	9
Opções de estilo	32 (14 responsivas)

Quando usar

Situações em que este widget é indicado:

A página precisa apresentar uma oferta com destaque visual (imagem) como elemento principal.
Precisa listar benefícios com ícones personalizados.
Design centrado e simétrico, ideal para landing pages.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Oferta 04 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
Imagem de Destaque	Imagem ou arquivo
Título	Área de texto	Padrão: Adicione o texto do seu título aqui
Lista de Benefícios	Lista
↳ Ícone	Ícone
↳ Texto do Benefício	Texto	Padrão: Novo Benefício Incluso
Texto / Preço Antigo	Texto	Padrão: De R$497,00 por apenas
Preço Principal	Texto	Padrão: R$97,00
Texto Auxiliar / Preço à Vista	Texto	Padrão: Ou R$497 à vista
Texto do Botão	Texto	Padrão: Rótulo do botão
Link do Botão	Link
Meios Pagamento	Lista
↳ Bandeira / Método de Pagamento	Seleção	Opções: Pix (`fab fa-pix`), Visa (`fab fa-cc-visa`), Mastercard (`fab fa-cc-mastercard`), American Express (`fab fa-cc-amex`), Diners Club (`fab fa-cc-diners-club`), Discover (`fab fa-cc-discover`), PayPal (`fab fa-cc-paypal`), Stripe (`fab fa-cc-stripe`), Hotmart (`svg_hotmart`), Boleto (`svg_boleto`), Eduzz (`svg_eduzz`), Kiwify (`svg_kiwify`), … (+1) · Padrão: fab fa-pix

Opções da aba Estilo

A aba Estilo reúne 32 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, Texto do Benefício, Texto do Benefício / Altura da Linha, Preço Antigo, Preço Antigo / Altura da Linha, Preço Principal, Preço Principal / Altura da Linha, Preço Auxiliar, Preço Auxiliar / Altura da Linha, Botão, Botão / Altura da Linha
Cores	Fundo do Cartão, Título, Lista / Cor do Ícone, Lista / Cor do Texto, Preço Antigo, Preço Principal, Preço Auxiliar, Botão / Texto, Botão / Fundo, Ícones de Pagamento
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, Imagem / 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

14 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 offer-04 na linha . Campos de conteúdo (bloco :::content):

Campo	Tipo	Obrigatório	Detalhes
`image`	Imagem ou arquivo	Não	Imagem de destaque (topo do card).
`title`	Texto	Sim	Título principal da oferta.
`features`	Lista	Não	Lista de benefícios inclusos. Sempre forneça ícone e texto.
↳ `feature_icon`	Ícone	Não	Ícone do benefício (recomenda-se informar sempre).
↳ `feature_text`	Texto	Não	Descrição do benefício.
`old_price_text`	Texto	Não	Texto antecedente ao preço (ex. "De R$497,00 por apenas").
`main_price`	Texto	Não	Preço principal em destaque (ex. "R$97,00").
`sub_price_text`	Texto	Não	Texto auxiliar após o preço (ex. "Ou R$497 à vista").
`cta_text`	Texto	Não
`cta_link`	Link	Não
`payment_icons_list`	Lista	Não	Lista de ícones de meios de pagamento aceitos.
↳ `payment_icon`	Seleção	Não	Bandeira ou método de pagamento. · Opções: `fab fa-pix`, `fab fa-cc-visa`, `fab fa-cc-mastercard`, `fab fa-cc-amex`, `fab fa-cc-diners-club`, `fab fa-cc-discover`, `fab fa-cc-paypal`, `fab fa-cc-stripe`, `svg_hotmart`, `svg_boleto`, `svg_eduzz`, `svg_kiwify`, … (+1)

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:offer-04 -->

:::content
image: https://exemplo.com/imagem.jpg
title: Adicione o texto do seu título aqui
features:
  - feature_icon: fa-regular fa-circle-check
    feature_text: Novo Benefício Incluso
  - feature_icon: fa-regular fa-circle-check
    feature_text: Novo Benefício Incluso
old_price_text: De R$497,00 por apenas
main_price: R$97,00
sub_price_text: Ou R$497 à vista
cta_text: Rótulo do botão
cta_link: https://exemplo.com/oferta
payment_icons_list:
  - payment_icon: fab fa-pix
  - payment_icon: fab fa-pix
:::

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