Conteúdo 01
Sobre, história ou explicação — texto longo com imagem ou vídeo ao lado e um botão. "Quem somos", "Sobre mim", problema e solução.
Intermediário4 min de leitura
Nesta página
Visão geral
Seção de conteúdo livre (rich text) com mídia lateral (imagem ou vídeo do YouTube) e CTA.
| Propriedade | Valor |
|---|---|
| Nome no editor | Conteúdo 01 |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-content-01 |
| Identificador no Markdown | content-01 |
| Papel na página | Interesse (sobre e história) |
| Campos de conteúdo | 12 |
| Opções de estilo | 28 (9 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa de uma seção "Sobre" ou de conteúdo textual mais longo.
- Existe uma imagem ou vídeo de apoio para o texto.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Conteúdo 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
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 | Texto | Padrão: Mauris donec turpis suscipit sapien ociis sagittis sapien tempor undo… |
| Conteúdo | Texto formatado | Padrão: Insira seu conteúdo aqui. |
| Texto do Botão | Texto | Padrão: Começar agora - é grátis |
| Link do Botão | Link |
Mídia
| Opção | Tipo | Detalhes |
|---|---|---|
| Tipo de Mídia | Seleção | Opções: Imagem (image), Vídeo (video) · Padrão: image |
| Escolha a Imagem | Imagem ou arquivo | |
| 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 28 opções em 10 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, Conteúdo, Conteúdo / Altura da Linha |
| Cores | Cor do Título Principal, Cor da Descrição, Botão / Cor do texto, Botão / Cor do fundo |
| Conteúdo | Cor dos cabeçalhos, Cor dos parágrafos, Cor do texto em negrito, Cor dos links, Cor das listas, Cor dos botões, Cor do texto dos botões |
| Mídia | Largura Máxima (Vídeo/Imagem) |
| 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 |
| Posicionamento | Inverter colunas |
| Arredondamento | Mídia / Raio da Borda, Botão / 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
9 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 content-01 na linha <!-- converto:content-01 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
title | Texto | Sim | |
description | Texto | Não | |
main_content | Texto formatado | Não | |
button_main_text | Texto | Não | |
button_main_link | Link | Não | Requer button_main_text preenchido — sem ele o botão não é renderizado. |
media_type | Seleção | Não | Opções: image, video |
media_image | Imagem ou arquivo | Não | Usado quando media_type = image. Obrigatório criar uma imagem nova para este conteúdo (550x550) e enviar com upload_media; o placeholder padrão não pode ficar na página. · Quando media_type = image |
youtube_url | Texto | Não | URL completa do vídeo do YouTube. Usado quando media_type = video. · Quando media_type = video |
video_aspect_ratio | Seleção | Não | Usado quando media_type = video. · Opções: 16/9, 9/16 · Quando media_type = video |
video_autoplay | Sim/Não | Não | Usado quando media_type = video. · Quando media_type = video |
video_loop | Sim/Não | Não | Usado quando media_type = video. · Quando media_type = video |
video_muted | Sim/Não | Não | Usado quando media_type = video. · Quando media_type = video |
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:content-01 -->
:::content
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
main_content: <p>Insira seu conteúdo aqui.</p>
button_main_text: Começar agora - é grátis
button_main_link: https://exemplo.com/oferta
media_type: image
:::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).