Primeira Dobra 07

Vídeo em primeiro plano (YouTube, inclusive Shorts) ao lado do texto — carta de vendas em vídeo ou apresentação.

Intermediário4 min de leitura

Nesta página

Visão geral
Quando usar
Como adicionar
Opções da aba Conteúdo
Conteúdo
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, CTA, apoio e vídeo do YouTube em destaque.

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

Quando usar

Situações em que este widget é indicado:

A página precisa de uma primeira dobra (topo da página) com um vídeo do YouTube em destaque.
Existe um vídeo de apresentação (padrão ou Shorts) para a seção.
Existe um CTA principal.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Primeira Dobra 07 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	Área de texto	Padrão: Descreva como o seu produto resolve a dor do cliente, focando em bene…
Descrição	Área de texto	Padrão: Aumente o engajamento e as conversões do seu negócio com as nossas es…
Texto do Botão	Texto	Padrão: Clique aqui
Link do Botão	Link
Ícone do Texto de Apoio	Ícone
Texto de Apoio	Texto	Padrão: Sem cartão de crédito, teste grátis por 14 dias
Link do YouTube	Texto	Cole a URL completa do vídeo padrão ou do YouTube Shorts.
Proporção do Vídeo	Seleção	Opções: Horizontal Padrão (16:9) (`16/9`), Vertical / Shorts (9:16) (`9/16`) · Padrão: 16/9 · Vídeos verticais receberão um tamanho seguro automaticamente para não quebrar o layout.
Início automático	Sim/Não	Padrão: Ligado
Repetir	Sim/Não	Padrão: Ligado
Mudo	Sim/Não	Padrão: Ligado · O autoplay no YouTube só funciona se o vídeo estiver mudo.

Opções da aba Estilo

A aba Estilo reúne 25 opções em 9 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, Botão, Texto de Apoio, Texto de Apoio / Altura da Linha
Cores	Cor do Título, Cor da Descrição, Cor do Texto do Botão, Fundo do Botão, Cor do Texto de Apoio
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, Logotipo / Espaço inferior, Anular espaço de cima, Anular espaço de baixo
Botões	Raio da Borda dos Botões
Imagens	Logotipo / Largura Máxima
Video	Largura do Vídeo, Raio da Borda do Vídeo
Animações	Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada)

Comportamento responsivo

13 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-07 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
`button_text`	Texto	Não	Texto do botão. Requer button_link preenchido — o botão inteiro só é renderizado quando há uma URL em button_link.
`button_link`	Link	Não
`subtext_icon`	Ícone	Não	Ícone do texto de apoio. Requer subtext preenchido — sem ele, o bloco inteiro (incluindo o ícone) não é renderizado.
`subtext`	Texto	Não
`youtube_url`	Texto	Não	URL completa do vídeo do YouTube (padrão ou Shorts).
`video_aspect_ratio`	Seleção	Não	Proporção do vídeo: horizontal padrão (16/9) ou vertical / Shorts (9/16). · Opções: `16/9`, `9/16`
`video_autoplay`	Sim/Não	Não
`video_loop`	Sim/Não	Não
`video_muted`	Sim/Não	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:hero-07 -->

:::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: Aumente o engajamento e as conversões do seu negócio com as nossas estratégias comprovadas.
button_text: Clique aqui
button_link: https://exemplo.com/oferta
subtext_icon: fa-regular fa-circle-check
subtext: Sem cartão de crédito, teste grátis por 14 dias
youtube_url: Texto de exemplo
video_aspect_ratio: 16/9
video_autoplay: yes
video_loop: yes
video_muted: yes
:::

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