Chamada para Ação 04

Chamada para ação que também mostra várias soluções ou serviços em grade.

Intermediário3 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

Chamada para ação com vitrine de soluções (repeater), título, subtítulo e botão.

Propriedade	Valor
Nome no editor	Chamada para Ação 04
Onde encontrar	Painel de widgets do Elementor, categoria Converto
Identificador no Elementor	`lgr-cta-04`
Identificador no Markdown	`cta-04`
Papel na página	Ação
Campos de conteúdo	5
Opções de estilo	27 (11 responsivas)

Quando usar

Situações em que este widget é indicado:

A página precisa de uma seção de chamada para ação que destaque múltiplas soluções/serviços em uma grade.

Como adicionar

Abra a página no editor do Elementor.
No painel de widgets, abra a categoria Converto e arraste Chamada para Ação 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
Título Principal	Texto	Padrão: Estratégias que Geram Resultados
Texto / Subtítulo	Área de texto	Padrão: Conheça nossas principais soluções de marketing digital para escalar …
Vitrine	Lista
↳ Nome do Item	Texto	Padrão: Nova Estratégia
↳ Tipo de Mídia	Escolha	Opções: [object Object] (`icon`), [object Object] (`image`) · Padrão: icon
↳ Ícone	Ícone
↳ Imagem	Imagem ou arquivo
↳ Link	Link
Texto do Botão	Texto	Padrão: Ver todas as soluções
Link do Botão	Link

Opções da aba Estilo

A aba Estilo reúne 27 opções em 7 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, Subtítulo, Subtítulo / Altura da Linha, Título (Vitrine), Título (Vitrine) / Altura da Linha, Botão, Botão / Altura da Linha
Cores	Cor do Título Principal, Cor do Texto / Subtítulo, Cor do Título (Vitrine), Cor do Ícone (Vitrine), Tamanho do Ícone (Vitrine), Cor do Texto (Botão), Cor de Fundo (Botão), Cor de Fundo do Cartão, Cor de Fundo do Ícone/Logo (Vitrine)
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
Arredondamento	Cartão Principal / Raio da Borda, Vitrine / 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

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

Campo	Tipo	Obrigatório	Detalhes
`title`	Texto	Sim
`subtitle`	Texto	Não
`vitrine_list`	Lista	Não
↳ `vitrine_title`	Texto	Não
↳ `media_type`	Seleção	Não	Sempre informe: "icon" ou "image". · Opções: `icon`, `image`
↳ `vitrine_icon`	Ícone	Não	Usado quando media_type = icon.
↳ `vitrine_image`	Imagem ou arquivo	Não	Usado quando media_type = image.
↳ `vitrine_link`	Link	Não
`button_text`	Texto	Não
`button_link`	Link	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:cta-04 -->

:::content
title: Estratégias que Geram Resultados
subtitle: Conheça nossas principais soluções de marketing digital para escalar o seu negócio e atrair clientes qualificados todos os dias.
vitrine_list:
  - vitrine_title: Nova Estratégia
    media_type: icon
    vitrine_icon: fa-regular fa-circle-check
    vitrine_image: https://exemplo.com/imagem.jpg
    vitrine_link: https://exemplo.com/oferta
  - vitrine_title: Nova Estratégia
    media_type: icon
    vitrine_icon: fa-regular fa-circle-check
    vitrine_image: https://exemplo.com/imagem.jpg
    vitrine_link: https://exemplo.com/oferta
button_text: Ver todas as soluções
button_link: https://exemplo.com/oferta
:::

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