Preços 01

Vários planos com alternância mensal/anual (SaaS, assinaturas, associações).

Intermediário6 min de leitura

Nesta página

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

Visão geral

Tabela de preços com toggle mensal/anual e lista de benefícios com repeater.

Propriedade	Valor
Nome no editor	Preços 01
Onde encontrar	Painel de widgets do Elementor, categoria Converto
Identificador no Elementor	`lgr-pricing-01`
Identificador no Markdown	`pricing-01`
Papel na página	Decisão
Campos de conteúdo	7
Opções de estilo	38 (16 responsivas)

Quando usar

Situações em que este widget é indicado:

Apresentar planos de preço com opções de billing (mensal/anual) e lista de funcionalidades por plano.
Cada plano exibe imagem, nome, preço, descrição, botão de ação e benefícios customizáveis.

Como adicionar

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

Cabeçalho

Opção	Tipo	Detalhes
Título da Seção	Área de texto	Padrão: Planos Simples e Focados em Escala
Mostrar Seletor?	Sim/Não	Padrão: Ligado
Rótulo - Opção A	Texto	Padrão: Mensal
Rótulo - Opção B	Texto	Padrão: Anual
Texto de Destaque / Desconto	Texto	Padrão: Economize até 35% no plano anual

Planos de Preço

Opção	Tipo	Detalhes
Cartões de Plano	Lista
↳ Imagem de Topo	Imagem ou arquivo
↳ Nome do Plano	Texto	Padrão: Iniciante
↳ Moeda / Símbolo	Texto	Padrão: R$
↳ Preço (Opção A)	Texto	Padrão: 97
↳ Complemento (Opção A)	Texto	Padrão: / mês
↳ Preço (Opção B)	Texto	Padrão: 970
↳ Complemento (Opção B)	Texto	Padrão: / ano
↳ Descrição do Plano	Área de texto	Padrão: Para infoprodutores que estão validando sua prime…
↳ Texto do Botão	Texto	Padrão: Começar Agora
↳ Link do Botão	Link
↳ Aviso Abaixo do Botão	Texto	Padrão: 7 dias de garantia incondicional
↳ Lista de Benefícios	Área de texto	Padrão: Construtor de Landing Pages Até 5.000 leads cadas…

Aviso de Rodapé

Opção	Tipo	Detalhes
Texto de Aviso	Área de texto	Padrão: Aceitamos os principais cartões de crédito, Pix e boleto. O valor fin…

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ção	O que ajusta
Textos	Título da Seção, Título da Seção / Altura da Linha, Nome do Plano, Preço do Plano, Preço do Plano / Altura da Linha, Prefixo do Preço (moeda), Sufixo do Preço (periodicidade), Descrição do Plano, Descrição do Plano / Altura da Linha, Aviso do Botão, Texto dos Benefícios, Texto dos Benefícios / Altura da Linha, Texto de Aviso, Texto de Aviso / Altura da Linha
Cores	Título Principal, Textos Gerais / Rodapé, Cor do Seletor, Fundo do Cartão, Título do Plano, Preço e Moeda, Complemento do Preço, Descrição do Plano, Fundo do Botão, Texto do Botão, Aviso do Botão, Ícones dos Benefícios, Texto dos Benefícios, Texto Benefícios Desabilitados
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

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

Campo	Tipo	Obrigatório	Detalhes
`section_title`	Texto	Sim	Título principal da seção de preços.
`show_toggle`	Sim/Não	Não	Ativa/desativa o seletor de opcões (Mensal/Anual).
`toggle_text_a`	Texto	Não	Rótulo da primeira opção (ex: Mensal). Renderizado apenas se show_toggle estiver ativo.
`toggle_text_b`	Texto	Não	Rótulo da segunda opção (ex: Anual). Renderizado apenas se show_toggle estiver ativo.
`toggle_notice`	Texto	Não	Texto de destaque/desconto exibido abaixo do toggle (ex: "Economize até 35% no plano anual"). Renderizado apenas se show_toggle estiver ativo.
`notice_text`	Texto	Não	Texto informativo exibido no rodapé da seção (ex: políticas de pagamento).
`plans`	Lista	Não	Lista de planos de preço com suas configurações.
↳ `plan_image`	Imagem ou arquivo	Não	Imagem exibida no topo do cartão do plano.
↳ `plan_title`	Texto	Não	Nome/título do plano (ex: Iniciante, Profissional).
↳ `plan_currency`	Texto	Não	Símbolo da moeda (ex: R$, $, €).
↳ `plan_price_a`	Texto	Não	Preço da Opção A (exibido quando toggle está em Opção A ou toggle desativado).
↳ `plan_validity_a`	Texto	Não	Complemento do preço Opção A (ex: "/ mês").
↳ `plan_price_b`	Texto	Não	Preço da Opção B (exibido quando toggle está em Opção B). Renderizado apenas se show_toggle estiver ativo.
↳ `plan_validity_b`	Texto	Não	Complemento do preço Opção B (ex: "/ ano"). Renderizado apenas se show_toggle estiver ativo.
↳ `plan_desc`	Texto	Não	Descrição breve do plano.
↳ `plan_btn_text`	Texto	Não	Texto exibido no botão de ação (ex: "Começar Agora").
↳ `plan_btn_link`	Link	Não	URL de destino do botão (ex: página de checkout). Renderizado apenas se plan_btn_text estiver preenchido.
↳ `plan_btn_info`	Texto	Não	Texto informativo exibido abaixo do botão (ex: "7 dias de garantia incondicional").
↳ `plan_features`	Texto	Não	Lista de benefícios, um por linha. Use [-] para desabilitar item, [A] para Opção A apenas, [B] para Opção B apenas (ex: "[-] Automação de WhatsApp" ou "[B] Suporte VIP").

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:pricing-01 -->

:::content
section_title: Planos Simples e Focados em Escala
show_toggle: yes
toggle_text_a: Mensal
toggle_text_b: Anual
toggle_notice: Economize até 35% no plano anual
notice_text: Aceitamos os principais cartões de crédito, Pix e boleto. O valor final pode sofrer alterações de acordo com os juros da administradora do cartão em caso de parcelamento.
plans:
  - plan_image: https://exemplo.com/imagem.jpg
    plan_title: Iniciante
    plan_currency: R$
    plan_price_a: 97
    plan_validity_a: / mês
    plan_price_b: 970
    plan_validity_b: / ano
    plan_desc: Para infoprodutores que estão validando sua primeira oferta no mercado.
    plan_btn_text: Começar Agora
    plan_btn_link: https://exemplo.com/oferta
    plan_btn_info: 7 dias de garantia incondicional
    plan_features: Construtor de Landing Pages Até 5.000 leads cadastrados Integração com Hotmart e Eduzz [B] Call de Onboarding VIP [-] Automação de WhatsApp Suporte por e-mail
  - plan_image: https://exemplo.com/imagem.jpg
    plan_title: Iniciante
    plan_currency: R$
    plan_price_a: 97
    plan_validity_a: / mês
    plan_price_b: 970
    plan_validity_b: / ano
    plan_desc: Para infoprodutores que estão validando sua primeira oferta no mercado.
    plan_btn_text: Começar Agora
    plan_btn_link: https://exemplo.com/oferta
    plan_btn_info: 7 dias de garantia incondicional
    plan_features: Construtor de Landing Pages Até 5.000 leads cadastrados Integração com Hotmart e Eduzz [B] Call de Onboarding VIP [-] Automação de WhatsApp Suporte por e-mail
:::

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