Primeira Dobra 04

Quando a meta é captar leads — o formulário fica dentro da primeira dobra. Captura, webinars e iscas digitais.

Intermediário6 min de leitura

Nesta página

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

Visão geral

Primeira dobra com logo, headline, texto e um cartão de formulário de captura.

Propriedade	Valor
Nome no editor	Primeira Dobra 04
Onde encontrar	Painel de widgets do Elementor, categoria Converto
Identificador no Elementor	`lgr-hero-04`
Identificador no Markdown	`hero-04`
Papel na página	Atenção (primeira dobra)
Campos de conteúdo	12
Opções de estilo	35 (14 responsivas)

Quando usar

Situações em que este widget é indicado:

A página precisa de uma primeira dobra (topo da página) com formulário de captura em destaque.
Existe um formulário já cadastrado em Conversores > Formulários para ser exibido na seção.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Primeira Dobra 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
Logotipo	Imagem ou arquivo
Título Principal	Texto	Padrão: Descreva como o seu produto resolve a dor do cliente, focando em bene…
Descrição	Texto	Padrão: Mauris donec turpis suscipit sapien ociis sagittis sapien tempor undo…

Formulário

Opção	Tipo	Detalhes
Selecione o Formulário	Seleção	Opções: Selecione um formulário... (``) · O formulário precisa estar cadastrado em Conversores > Formulários
Título do Formulário	Seleção	Opções: Do formulário (`default`), Personalizado (`custom`), Nenhum (`none`) · Padrão: default
Título Personalizado	Texto	Padrão: Insira seu título aqui
Subtítulo do Formulário	Seleção	Opções: Do formulário (`default`), Personalizado (`custom`), Nenhum (`none`) · Padrão: default
Subtítulo Personalizado	Texto	Padrão: Insira seu subtítulo aqui
Texto do Botão	Seleção	Opções: Do formulário (`default`), Personalizado (`custom`) · Padrão: default
Texto Personalizado do Botão	Texto	Padrão: Enviar
Aviso de Proteção de Dados	Seleção	Opções: Do formulário (`default`), Personalizado (`custom`) · Padrão: default
Aviso Personalizado	Texto	Padrão: Seus dados estão seguros.

Opções da aba Estilo

A aba Estilo reúne 35 opções em 8 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, Título do Formulário, Título do Formulário / Altura da Linha, Subtítulo do Formulário, Subtítulo do Formulário / Altura da Linha
Cores	Cor do Título Principal, Cor da Descrição, Cor da Onda (Wave)
Formulário	Fundo do Cartão, Borda do Cartão, Cor do Título, Cor do Subtítulo, Cor do Textos, Cor dos Rótulos, Fundo dos Campos, Borda dos Campos, Texto dos Campos, Cor do Botão, Título das Seções Internas, Descrição das Seções Internas, Ícone das Seções Internas
Plano de Fundo	Plano de Fundo
Sobreposição de Fundo	Sobreposição de Fundo, Opacidade
Espaçamentos	Espaço superior, Espaço inferior, Espaço superior, Espaço inferior, Logotipo / Espaço inferior, Anular espaço de cima, Anular espaço de baixo
Imagens	Logotipo / Largura Máxima
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 hero-04 na linha . Campos de conteúdo (bloco :::content):

Campo	Tipo	Obrigatório	Detalhes
`logo_image`	Imagem ou arquivo	Não
`title`	Texto	Sim	Headline principal da seção.
`description`	Texto	Não
`selected_form`	Seleção	Não	ID do formulário cadastrado no CPT "lgr-forms" (Conversores > Formulários). As opções são geradas dinamicamente por instalação, não há lista fixa de valores. Requer preenchimento para que o formulário (e todos os campos form_headline_, form_subheadline_, form_button_, form_notice_ e as cores form_color_*) tenham qualquer efeito — sem ele o cartão exibe apenas o aviso "Nenhum formulário selecionado".
`form_headline_type`	Seleção	Não	Origem do título exibido no cartão do formulário. Requer selected_form preenchido com um formulário válido — sem isso o formulário inteiro não é renderizado. · Opções: `default`, `custom`, `none`
`form_headline_custom`	Texto	Não	Título customizado do formulário. Requer form_headline_type = "custom" e selected_form preenchido com um formulário válido — caso contrário este texto é ignorado.
`form_subheadline_type`	Seleção	Não	Origem do subtítulo exibido no cartão do formulário. Requer selected_form preenchido com um formulário válido — sem isso o formulário inteiro não é renderizado. · Opções: `default`, `custom`, `none`
`form_subheadline_custom`	Texto	Não	Subtítulo customizado do formulário. Requer form_subheadline_type = "custom" e selected_form preenchido com um formulário válido — caso contrário este texto é ignorado.
`form_button_type`	Seleção	Não	Origem do texto do botão de envio do formulário. Requer selected_form preenchido com um formulário válido — sem isso o formulário inteiro não é renderizado. · Opções: `default`, `custom`
`form_button_custom`	Texto	Não	Texto customizado do botão de envio. Requer form_button_type = "custom" e selected_form preenchido com um formulário válido — caso contrário este texto é ignorado.
`form_notice_type`	Seleção	Não	Origem do aviso de proteção de dados exibido no formulário. Requer selected_form preenchido com um formulário válido — sem isso o formulário inteiro não é renderizado. · Opções: `default`, `custom`
`form_notice_custom`	Texto	Não	Texto customizado do aviso de proteção de dados. Requer form_notice_type = "custom" e selected_form preenchido com um formulário válido — caso contrário este texto é ignorado.

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

:::content
logo_image: https://exemplo.com/imagem.jpg
title: Descreva como o seu produto resolve a dor do cliente, focando em benefícios tangíveis e escalabilidade.
description: Mauris donec turpis suscipit sapien ociis sagittis sapien tempor undo volute ligula quaerat congue neque nulla
selected_form: opcao
form_headline_type: default
form_headline_custom: Insira seu título aqui
form_subheadline_type: default
form_subheadline_custom: Insira seu subtítulo aqui
form_button_type: default
form_button_custom: Enviar
form_notice_type: default
form_notice_custom: Seus dados estão seguros.
:::

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