Primeira Dobra 08

Vídeo do YouTube em 16 —9 centralizado sob o título — carta de vendas em vídeo longa.

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 centralizada com headline, texto, CTA, aviso e vídeo do YouTube em destaque.

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

Quando usar

Situações em que este widget é indicado:

A página precisa de uma primeira dobra (topo da página) com layout centralizado e vídeo do YouTube.
Existe um vídeo de apresentação (exibido em 16:9) 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 08 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
Título Principal	Texto	Padrão: Descreva como o seu produto resolve a dor do cliente, focando em bene…
Descrição	Área de texto	Padrão: Insira seu texto persuasivo para aumentar a conversão de vendas.
Texto do Botão	Texto	Padrão: See how it works
Link do Botão	Link
Ícone do Botão	Ícone
Ícone do Aviso	Ícone
Texto do Aviso	Texto	Padrão: Sem cartão de crédito, teste grátis por 14 dias
Link do YouTube	Texto	Insira o link do vídeo. Ele será exibido obrigatoriamente na proporção 16:9.
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 23 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, Botão, Aviso, Aviso / Altura da Linha
Cores	Cor do Título, Cor da Descrição, Fundo do Botão, Texto do Botão, Cor do Aviso
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, Anular espaço de cima, Anular espaço de baixo
Video	Largura Máxima do Vídeo, Raio da Borda do Vídeo
Botões	Raio da Borda dos Botões
Animações	Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada)

Comportamento responsivo

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

Campo	Tipo	Obrigatório	Detalhes
`title`	Texto	Sim	Headline principal da seção.
`description`	Texto	Não
`button_text`	Texto	Não
`button_link`	Link	Não
`button_icon`	Ícone	Não	Ícone do botão. Requer button_text preenchido — sem ele o botão inteiro não é renderizado.
`notice_icon`	Ícone	Não	Ícone do aviso. Requer notice_text preenchido — sem ele, o bloco inteiro (incluindo o ícone) não é renderizado.
`notice_text`	Texto	Não
`youtube_url`	Texto	Não	URL completa do vídeo do YouTube. Sempre exibido na proporção 16:9.
`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-08 -->

:::content
title: Descreva como o seu produto resolve a dor do cliente, focando em benefícios tangíveis e escalabilidade.
description: Insira seu texto persuasivo para aumentar a conversão de vendas.
button_text: See how it works
button_link: https://exemplo.com/oferta
button_icon: fa-regular fa-circle-check
notice_icon: fa-regular fa-circle-check
notice_text: Sem cartão de crédito, teste grátis por 14 dias
youtube_url: Texto de exemplo
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).