Preços 02
Exatamente dois planos lado a lado, sem alternância (básico x recomendado).
Nesta página
Visão geral
Tabela de preços com dois planos lado a lado, sem toggle, com lista de benefícios customizável.
| Propriedade | Valor |
|---|---|
| Nome no editor | Preços 02 |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-pricing-02 |
| Identificador no Markdown | pricing-02 |
| Papel na página | Decisão |
| Campos de conteúdo | 25 |
| Opções de estilo | 62 (28 responsivas) |
Quando usar
Situações em que este widget é indicado:
- Apresentar dois planos de preço lado a lado (esquerda/direita) de forma estática, sem seletor de opções.
- Cada plano exibe imagem, nome, preço, descrição, botão de ação e lista de benefícios.
- O plano da direita é destacado com fundo branco e sombra, enquanto o da esquerda tem borda simples.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Preços 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
Cabeçalho
| Opção | Tipo | Detalhes |
|---|---|---|
| Título da Seção | Área de texto | Padrão: Planos Simples e Focados em Escala |
| Descrição / Subtítulo | Área de texto | Padrão: Escolha a melhor opção para o seu momento e comece a ter resultados h… |
Planos
| Opção | Tipo | Detalhes |
|---|---|---|
| Exibir | Sim/Não | Padrão: Ligado |
| Imagem de Topo | Imagem ou arquivo | |
| Nome do Plano | Texto | Padrão: Iniciante |
| Moeda / Símbolo | Texto | Padrão: R$ |
| Preço | Texto | Padrão: 97 |
| Complemento | Texto | Padrão: / mês |
| Descrição do Plano | Área de texto | Padrão: Para infoprodutores que estão validando sua primeira oferta no mercad… |
| 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 cadastrados Integração co… · Digite um por linha. [-] Desativa o item Ex: [-] Automação de WhatsApp |
| Exibir | Sim/Não | Padrão: Ligado |
| Imagem de Topo | Imagem ou arquivo | |
| Nome do Plano | Texto | Padrão: Profissional |
| Moeda / Símbolo | Texto | Padrão: R$ |
| Preço | Texto | Padrão: 197 |
| Complemento | Texto | Padrão: / mês |
| Descrição do Plano | Área de texto | Padrão: Para negócios que precisam de automações completas e suporte premium. |
| 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 Leads ilimitados Integração Completa Auto… · Digite um por linha. [-] Desativa o item |
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 62 opções em 9 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, Subtítulo, Subtítulo / Altura da Linha, Texto de Aviso, Texto de Aviso / 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, 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 |
| Cores (Gerais) | Título Principal, Subtítulo, Textos do Rodapé |
| Plano da Esquerda | Fundo do Cartão, Cor da Borda, 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 da Direita | 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
28 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-02 na linha <!-- converto:pricing-02 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
section_title | Texto | Sim | Título principal da seção de preços. |
section_subtitle | Texto | Não | Descrição/subtítulo da seção, exibido abaixo do título. |
notice_text | Texto | Não | Texto informativo exibido no rodapé da seção (ex: políticas de pagamento). |
p1_enable | Sim/Não | Não | Exibe/oculta o plano da esquerda (Plano 1). |
p1_image | Imagem ou arquivo | Não | Imagem do Plano 1 (esquerda). Renderizada apenas se p1_enable estiver ativo. |
p1_title | Texto | Não | Nome/título do Plano 1 (ex: Iniciante). Renderizado apenas se p1_enable estiver ativo. |
p1_currency | Texto | Não | Símbolo da moeda do Plano 1 (ex: R$). Renderizado apenas se p1_enable estiver ativo. |
p1_price | Texto | Não | Preço numérico do Plano 1. Renderizado apenas se p1_enable estiver ativo. |
p1_validity | Texto | Não | Complemento do preço do Plano 1 (ex: "/ mês"). Renderizado apenas se p1_enable estiver ativo. |
p1_desc | Texto | Não | Descrição breve do Plano 1. Renderizada apenas se p1_enable estiver ativo. |
p1_btn_text | Texto | Não | Texto do botão de ação do Plano 1 (ex: "Começar Agora"). Renderizado apenas se p1_enable estiver ativo. |
p1_btn_link | Link | Não | URL de destino do botão do Plano 1 (ex: página de checkout). Renderizada apenas se p1_enable e p1_btn_text estiverem preenchidos. |
p1_btn_info | Texto | Não | Texto informativo abaixo do botão do Plano 1 (ex: "7 dias de garantia"). Renderizado apenas se p1_enable estiver ativo. |
p1_features | Texto | Não | Lista de benefícios do Plano 1, um por linha. Use [-] para desabilitar item (ex: "[-] Automação de WhatsApp"). Renderizada apenas se p1_enable estiver ativo. |
p2_enable | Sim/Não | Não | Exibe/oculta o plano da direita (Plano 2). |
p2_image | Imagem ou arquivo | Não | Imagem do Plano 2 (direita). Renderizada apenas se p2_enable estiver ativo. |
p2_title | Texto | Não | Nome/título do Plano 2 (ex: Profissional). Renderizado apenas se p2_enable estiver ativo. |
p2_currency | Texto | Não | Símbolo da moeda do Plano 2 (ex: R$). Renderizado apenas se p2_enable estiver ativo. |
p2_price | Texto | Não | Preço numérico do Plano 2. Renderizado apenas se p2_enable estiver ativo. |
p2_validity | Texto | Não | Complemento do preço do Plano 2 (ex: "/ mês"). Renderizado apenas se p2_enable estiver ativo. |
p2_desc | Texto | Não | Descrição breve do Plano 2. Renderizada apenas se p2_enable estiver ativo. |
p2_btn_text | Texto | Não | Texto do botão de ação do Plano 2 (ex: "Começar Agora"). Renderizado apenas se p2_enable estiver ativo. |
p2_btn_link | Link | Não | URL de destino do botão do Plano 2 (ex: página de checkout). Renderizada apenas se p2_enable e p2_btn_text estiverem preenchidos. |
p2_btn_info | Texto | Não | Texto informativo abaixo do botão do Plano 2 (ex: "7 dias de garantia"). Renderizado apenas se p2_enable estiver ativo. |
p2_features | Texto | Não | Lista de benefícios do Plano 2, um por linha. Use [-] para desabilitar item (ex: "[-] Automação de WhatsApp"). Renderizada apenas se p2_enable estiver ativo. |
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:pricing-02 -->
:::content
section_title: Planos Simples e Focados em Escala
section_subtitle: Escolha a melhor opção para o seu momento e comece a ter resultados hoje.
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.
p1_enable: yes
p1_image: https://exemplo.com/imagem.jpg
p1_title: Iniciante
p1_currency: R$
p1_price: 97
p1_validity: / mês
p1_desc: Para infoprodutores que estão validando sua primeira oferta no mercado.
p1_btn_text: Começar Agora
p1_btn_link: https://exemplo.com/oferta
p1_btn_info: 7 dias de garantia incondicional
p1_features: Construtor de Landing Pages Até 5.000 leads cadastrados Integração com Hotmart e Eduzz [-] Automação de WhatsApp Suporte por e-mail
p2_enable: yes
p2_image: https://exemplo.com/imagem.jpg
p2_title: Profissional
p2_currency: R$
p2_price: 197
p2_validity: / mês
p2_desc: Para negócios que precisam de automações completas e suporte premium.
p2_btn_text: Começar Agora
p2_btn_link: https://exemplo.com/oferta
p2_btn_info: 7 dias de garantia incondicional
p2_features: Construtor de Landing Pages Leads ilimitados Integração Completa Automação de WhatsApp Suporte Prioritário VIP
:::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).