Oferta 03

Oferta com contagem regressiva para criar urgência, benefícios incluídos e formas de pagamento.

Intermediário6 min de leitura

Nesta página

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

Visão geral

Oferta com layout bipartido: esquerda (imagem, título, benefícios), direita (contador regressivo, preço, meios de pagamento).

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

Quando usar

Situações em que este widget é indicado:

A página precisa apresentar uma oferta com contador regressivo destacado.
Precisa listar benefícios/itens inclusos no lado esquerdo.
Precisa mostrar meios de pagamento aceitos.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Oferta 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
Imagem Principal	Imagem ou arquivo
Título Lateral	Área de texto	Padrão: Aqui fica algum título lateral que pode ter até duas linhas
Itens Inclusos	Lista
↳ Texto do Item	Texto	Padrão: Novo Benefício Incluso

Oferta

Opção	Tipo	Detalhes
Título do Produto	Texto	Padrão: Título do produto
Preço Antigo	Texto	Padrão: R$ 397,00
Qtd. Parcelas	Texto	Padrão: 12x
Valor da Parcela	Texto	Padrão: R$ 9,90
Preço à Vista	Texto	Padrão: Por apenas: R$ 97,00 à vista
Texto do Botão	Texto	Padrão: Comprar agora
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
Texto de Escassez	Área de texto	Padrão: Mas você precisa agir agora porque este preço irá aumentar em breve...
Barra de Vagas (%)	Medida
Texto Auxiliar (Após a %)	Texto	Padrão: das vagas preenchidas

Contador

Opção	Tipo	Detalhes
Título do Contador	Texto	Padrão: O preço vai aumentar em:
Data Final	Data e hora	Padrão: 25/10/2026 09:18 · A data será salva no formato brasileiro (DD/MM/AAAA HH:MM).

Opções da aba Estilo

A aba Estilo reúne 43 opções em 7 seções (a última é Animações, comum a todos os widgets Converto).

Seção	O que ajusta
Textos	Título Lateral, Título Lateral / Altura da Linha, Texto do Item, Título do Produto, Preço Antigo, Qtd. Parcelas, Valor da Parcela, Valor da Parcela / Altura da Linha, Preço à Vista, Botão, Botão / Altura da Linha, Texto de Escassez, Texto de Escassez / Altura da Linha, Texto Auxiliar, Título do Contador, Título do Contador / Altura da Linha
Cores	Fundo do Cartão, Conteúdo / Título, Conteúdo / Textos, Conteúdo / Fundo, Contador / Textos, Contador / Fundo, Oferta / Título, Oferta / Preço Antigo, Oferta / Preço Atual, Oferta / Preço à Vista, Oferta / Botão Texto, Oferta / Botão Fundo, Oferta / Ícones, Oferta / Texto de Rodapé, Oferta / Barra Trilho, Oferta / Barra Fundo, Oferta / Barra Texto
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, Imagens / 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

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

Campo	Tipo	Obrigatório	Detalhes
`left_image`	Imagem ou arquivo	Não	Imagem de destaque no lado esquerdo.
`left_title`	Texto	Sim	Título principal no lado esquerdo.
`left_features`	Lista	Não	Lista de itens/benefícios inclusos.
↳ `feature_text`	Texto	Não	Descrição do benefício/item.
`product_title`	Texto	Não	Título do produto/oferta (lado direito, acima do preço).
`old_price`	Texto	Não	Preço antigo/original (ex. "R$ 397,00").
`installments_count`	Texto	Não	Quantidade de parcelas (ex. "12x").
`installments_price`	Texto	Não	Valor da parcela (ex. "R$ 9,90").
`cash_price`	Texto	Não	Preço à vista/alternativo (ex. "Por apenas: R$ 97,00 à 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)
`scarcity_text`	Texto	Não	Texto de senso de urgência/escassez.
`scarcity_percentage`	Medida	Não	Porcentagem da barra de progresso de vagas (0-100%).
`scarcity_label_text`	Texto	Não	Rótulo auxiliar após a porcentagem (ex. "das vagas preenchidas").
`timer_title`	Texto	Não	Título do contador regressivo (ex. "O preço vai aumentar em:").
`timer_date`	Texto	Não	Data final do contador no formato DD/MM/AAAA HH:MM.

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-03 -->

:::content
left_image: https://exemplo.com/imagem.jpg
left_title: Aqui fica algum título lateral que pode ter até duas linhas
left_features:
  - feature_text: Novo Benefício Incluso
  - feature_text: Novo Benefício Incluso
product_title: Título do produto
old_price: R$ 397,00
installments_count: 12x
installments_price: R$ 9,90
cash_price: Por apenas: R$ 97,00 à vista
cta_text: Comprar agora
cta_link: https://exemplo.com/oferta
payment_icons_list:
  - payment_icon: fab fa-pix
  - payment_icon: fab fa-pix
scarcity_text: Mas você precisa agir agora porque este preço irá aumentar em breve...
scarcity_percentage: Texto de exemplo
scarcity_label_text: das vagas preenchidas
timer_title: O preço vai aumentar em:
timer_date: 25/10/2026 09:18
:::

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