Oferta 02

Oferta com valores riscados (empilhamento de valor, bônus, preço de âncora) e uma imagem em destaque.

Intermediário4 min de leitura

Nesta página

Visão geral
Quando usar
Como adicionar
Opções da aba Conteúdo
Conteúdo Principal
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, descrição, lista de valores e botão de ação.

Propriedade	Valor
Nome no editor	Oferta 02
Onde encontrar	Painel de widgets do Elementor, categoria Converto
Identificador no Elementor	`lgr-offer-02`
Identificador no Markdown	`offer-02`
Papel na página	Desejo e decisão
Campos de conteúdo	8
Opções de estilo	33 (15 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 itens com valor riscado (antes/depois).
Design centrado, alternativo ao layout tripartido.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Oferta 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 Principal

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
Descrição	Área de texto	Padrão: Descrição da oferta
Itens da Lista (Sumário)	Lista
↳ Texto do Benefício	Texto	Padrão: Lorem ipsum dolor sit amet, consect.
↳ Valor Riscado	Texto	Padrão: R$ 12.000
Texto (De/Por)	Texto	Padrão: De R$497,00 por apenas
Preço Principal	Texto	Padrão: R$97,00
Texto do Botão	Texto	Padrão: Rótulo do botão
Link do Botão	Link

Opções da aba Estilo

A aba Estilo reúne 33 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, Descrição, Descrição / Altura da Linha, Texto da Lista, Texto da Lista / Altura da Linha, Valor Riscado, Texto (De/Por), Texto (De/Por) / Altura da Linha, Preço Principal, Preço Principal / Altura da Linha, Botão, Botão / Altura da Linha
Cores	Fundo do Cartão, Cor do Título, Cor da Descrição, Cor do Texto da Lista, Cor do Valor Riscado, Cor da Linha da Lista, Cor do Texto (De/Por), Cor do Preço Principal, Cor do Texto do Botão, Fundo do Botão
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, Imagem / 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

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

Campo	Tipo	Obrigatório	Detalhes
`offer_image`	Imagem ou arquivo	Não	Imagem de destaque (topo do card).
`offer_title`	Texto	Sim	Título principal da oferta.
`offer_desc`	Texto	Não	Descrição complementar da oferta.
`summary_list`	Lista	Não	Lista de itens com valores (antes/depois). Sempre preencha ambos os campos.
↳ `list_text`	Texto	Não	Descrição do item (ex. "Acesso completo").
↳ `list_price`	Texto	Não	Valor riscado (preço antes).
`price_before_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").
`button_text`	Texto	Não
`button_link`	Link	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

markdown

<!-- converto:offer-02 -->

:::content
offer_image: https://exemplo.com/imagem.jpg
offer_title: Adicione o texto do seu título aqui
offer_desc: Descrição da oferta
summary_list:
  - list_text: Lorem ipsum dolor sit amet, consect.
    list_price: R$ 12.000
  - list_text: Lorem ipsum dolor sit amet, consect.
    list_price: R$ 12.000
price_before_text: De R$497,00 por apenas
main_price: R$97,00
button_text: Rótulo do botão
button_link: https://exemplo.com/oferta
:::

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