Faixa Rolante
Faixa fina com palavras-chave ou diferenciais em rolagem; use como divisor entre seções.
Nesta página
Visão geral
Faixa de texto com rolagem contínua (marquee horizontal), itens separados por ícone.
| Propriedade | Valor |
|---|---|
| Nome no editor | Faixa Rolante |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-strip-01 |
| Identificador no Markdown | strip-01 |
| Papel na página | Reforço |
| Campos de conteúdo | 6 |
| Opções de estilo | 10 (7 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A página precisa de uma faixa estreita com palavras/frases curtas rolando continuamente (ex.: diferenciais, palavras-chave).
- Não existe título de seção — a faixa é o conteúdo inteiro.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Faixa Rolante 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 |
|---|---|---|
| Ícone Separador | Ícone | |
| Itens | Lista | |
| ↳ Rótulo | Texto | Padrão: Marketing Digital |
Faixa
| Opção | Tipo | Detalhes |
|---|---|---|
| Tipo de Rolagem | Seleção | Opções: Automática (auto), Rolagem de Página (scroll) · Padrão: auto |
| Direção | Seleção | Opções: Para Esquerda (left), Para Direita (right) · Padrão: left |
| Velocidade | Medida | Ajuste de velocidade da faixa. |
| Rotação | Medida |
Opções da aba Estilo
A aba Estilo reúne 10 opções em 5 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Tamanho do Rótulo, Rótulo / Altura da Linha, Tamanho do Ícone, Espaçamento entre os itens |
| Cores | Cor do Texto, Cor do Ícone |
| Plano de Fundo | Plano de Fundo |
| Espaçamentos | Espaço Superior, Espaço Inferior, Altura |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
7 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 strip-01 na linha <!-- converto:strip-01 -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
global_icon | Ícone | Não | Ícone separador exibido antes de cada item da faixa. |
strip_items | Lista | Sim | Itens de texto exibidos em looping na faixa. Widget não tem título — este repeater é o conteúdo principal. |
↳ item_label | Texto | Sim | |
scroll_type | Seleção | Não | Opções: auto, scroll |
scroll_direction | Seleção | Não | Opções: left, right |
scroll_speed | Medida | Não | Velocidade da rolagem, de 1 (lenta) a 100 (rápida). |
rotation | Medida | Não | Rotação da faixa em graus, de -45 a 45. Escreva só o número, sem sufixo "deg" (ex.: "20", não "20deg") — o sufixo não é reconhecido e zera o valor. |
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:strip-01 -->
:::content
global_icon: fa-regular fa-circle-check
strip_items:
- item_label: Marketing Digital
- item_label: Marketing Digital
scroll_type: auto
scroll_direction: left
scroll_speed: Texto de exemplo
rotation: Texto de exemplo
:::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).