Page Builder - Documentacao dos Blocos

Conteúdo 8

Texto Rico richtext

Editor de texto com formatação

Campos disponiveis

content Conteudo HTML do editor

FAQ / Acordeão accordion

Perguntas e respostas expansíveis

Campos disponiveis

title Titulo principal
items Lista de itens (titulo + conteudo)

Abas tabs

Conteúdo organizado em abas

Campos disponiveis

tabs Lista de abas (titulo + conteudo)
style Estilo visual (variante)

Linha do Tempo timeline

Eventos em sequência cronológica

Campos disponiveis

title Titulo principal
items Lista de itens (titulo + conteudo)
style Estilo visual (variante)

Passos steps

Etapas de um processo numeradas

Campos disponiveis

title Titulo principal
subtitle Subtitulo
steps Lista de etapas numeradas
style Estilo visual (variante)

Citação blockquote

Citação em destaque com autor

Campos disponiveis

quote Texto da citacao
author Nome do autor
role Cargo do autor
image URL da imagem
style Estilo visual (variante)

Tabela table

Tabela de dados simples

Campos disponiveis

title Titulo principal
headers Cabecalhos da tabela
rows Linhas da tabela
striped Linhas zebradas (sim/nao)
bordered Tabela com bordas (sim/nao)

Tabela Comparativa comparison

Compare recursos entre opções

Campos disponiveis

title Titulo principal
columns Numero de colunas ou dados das colunas
features Lista de recursos/funcionalidades

Mídia 10

Hero Banner hero

Banner principal com imagem de fundo

Campos disponiveis

title Titulo principal
subtitle Subtitulo
image URL da imagem
cta_text Texto do botao CTA
cta_url URL do botao CTA
overlay_color Cor de sobreposicao

Galeria gallery

Grade de imagens com lightbox

Campos disponiveis

images Lista de imagens
columns Numero de colunas ou dados das colunas
lightbox Abrir em lightbox (sim/nao)

Vídeo video

Vídeo do YouTube ou Vimeo

Campos disponiveis

url URL do video
autoplay Reproduzir automaticamente
title Titulo principal

Slider (Módulo) slider

Slider cadastrado no sistema

Campos disponiveis

slider_id ID do slider cadastrado
height Altura em pixels
container_width Largura do container

Slider (Manual) slider_inline

Slides configurados no bloco

Campos disponiveis

slides Lista de slides manuais
autoplay Reproduzir automaticamente
autoplay_timeout Intervalo do autoplay (ms)
loop Loop infinito (sim/nao)
nav Setas de navegacao
dots Indicadores (bolinhas)
height Altura em pixels
container_width Largura do container

Imagem + Texto image_text

Imagem lado a lado com texto

Campos disponiveis

title Titulo principal
text Texto descritivo
image URL da imagem
image_position Posicao da imagem (esquerda/direita)
cta_text Texto do botao CTA
cta_url URL do botao CTA

Logo Cloud logo_cloud

Grade de logos de parceiros

Campos disponiveis

title Titulo principal
subtitle Subtitulo
logos Lista de logos (imagem + link)
columns Numero de colunas ou dados das colunas
grayscale Logos em escala de cinza

Marquee marquee

Logos em movimento contínuo

movimento continuo

Campos disponiveis

logos Lista de logos (imagem + link)
speed Velocidade da animacao
direction Direcao do movimento
pause_on_hover Pausar ao passar o mouse

Antes/Depois before_after

Comparação de imagens com slider

ANTES

DEPOIS

Campos disponiveis

title Titulo principal
before_image Imagem "antes"
after_image Imagem "depois"
before_label Label "antes"
after_label Label "depois"

Embed embed

Spotify, TikTok, Instagram, etc

<embed>

Campos disponiveis

title Titulo principal
embed_code Codigo embed (iframe/script)
max_width Largura maxima

Layout 11

Colunas columns

Textos em 2 ou 3 colunas

Campos disponiveis

layout Tipo de layout
column1 Conteudo da coluna 1
column2 Conteudo da coluna 2
column3 Conteudo da coluna 3

Grid de Cards cards

Cards com ícone, título e texto

Campos disponiveis

cards Lista de cards (icone, titulo, texto)
columns Numero de colunas ou dados das colunas

Recursos features

Lista de recursos com ícones

Campos disponiveis

title Titulo principal
subtitle Subtitulo
features Lista de recursos/funcionalidades
columns Numero de colunas ou dados das colunas
style Estilo visual (variante)

Icon Boxes icon_boxes

Caixas com ícone em destaque

Campos disponiveis

title Titulo principal
subtitle Subtitulo
boxes Lista de caixas com icone
columns Numero de colunas ou dados das colunas
style Estilo visual (variante)

Equipe team

Membros da equipe com foto

Campos disponiveis

title Titulo principal
subtitle Subtitulo
members Lista de membros (foto, nome, cargo)
columns Numero de colunas ou dados das colunas
source Fonte dos dados (manual/model)
limit Limite de itens
featured_only Somente depoimentos em destaque

Depoimentos testimonials

Depoimentos de clientes

Campos disponiveis

title Titulo principal
testimonials Lista de depoimentos (modo manual)
layout Tipo de layout
source Fonte dos dados (manual/model)
limit Limite de itens
featured_only Somente depoimentos em destaque

Tabela de Preços pricing

Planos e preços lado a lado

R$29

R$59

R$99

Campos disponiveis

title Titulo principal
subtitle Subtitulo
plans Lista de planos (nome, preco, recursos)

Estatísticas stats

Números em destaque

150+

99%

24/7

Campos disponiveis

title Titulo principal
stats Lista de estatisticas (numero, label)
bg_color Cor de fundo
text_color Cor do texto

Barras de Progresso progress_bars

Habilidades ou métricas visuais

90%

75%

60%

Campos disponiveis

title Titulo principal
bars Lista de barras (label, porcentagem)
style Estilo visual (variante)
animated Animacao ao aparecer

Espaçador spacer

Espaço em branco configurável

Espaco configuravel

Campos disponiveis

height Altura em pixels
bg_color Cor de fundo

Divisor divider

Linha divisória horizontal

solid / dashed / dotted

Campos disponiveis

style Estilo visual (variante)
color Cor principal
width Largura do elemento
margin Margem vertical

Engajamento 7

Call to Action cta

Chamada para ação com botão

Campos disponiveis

title Titulo principal
text Texto descritivo
button_text Texto do botao
button_url URL do botao
bg_color Cor de fundo

Newsletter newsletter

Formulário de inscrição

Campos disponiveis

title Titulo principal
subtitle Subtitulo
placeholder Texto placeholder do campo
button_text Texto do botao
show_name Exibir campo nome
name_placeholder Placeholder do campo nome
success_message Mensagem de sucesso
layout Tipo de layout
bg_color Cor de fundo
text_color Cor do texto

Formulário de Contato contact_form

Formulário para mensagens

Campos disponiveis

title Titulo principal
subtitle Subtitulo
type Tipo/variante
show_fields Campos visiveis no formulario
success_message Mensagem de sucesso

Contador Regressivo countdown

Contagem regressiva para data/hora

Dias

Hrs

Min

Seg

Campos disponiveis

title Titulo principal
subtitle Subtitulo
target_date Data/hora alvo
expired_message Mensagem quando expirado
style Estilo visual (variante)
bg_color Cor de fundo

Alerta/Aviso alert

Mensagem de destaque

Campos disponiveis

type Tipo/variante
title Titulo principal
text Texto descritivo
dismissible Pode ser fechado (sim/nao)
icon Icone personalizado

Mapa map

Mapa do Google incorporado

Campos disponiveis

embed_url URL de embed do mapa
height Altura em pixels
title Titulo principal

Feed do Instagram instagram_feed

Exibe posts recentes do Instagram

Feed do Instagram

Exibe posts recentes do Instagram

Campos disponiveis

title Titulo principal
subtitle Subtitulo
limit Limite de itens
columns Numero de colunas ou dados das colunas
layout Tipo de layout
show_captions
open_links

Dados 5

Conteúdo do Módulo module_content

Produtos, imóveis, posts...

Campos disponiveis

module Modulo de conteudo (blog, produtos...)
filter Filtro de exibicao
category_id Categoria para filtrar
limit Limite de itens
order Ordenacao dos itens
layout Tipo de layout
columns Numero de colunas ou dados das colunas
show_price Exibir preco
carousel_duplicate Duplicar itens no carrossel
carousel_dots Indicadores do carrossel
carousel_nav Setas do carrossel
carousel_nav_position Posicao das setas
title Titulo principal
subtitle Subtitulo
cta_text Texto do botao CTA
cta_url URL do botao CTA

Filtros de Módulo module_filters

Painel de filtros que redireciona para a listagem

Filtros de Módulo

Painel de filtros que redireciona para a listagem

Campos disponiveis

module Modulo de conteudo (blog, produtos...)
title Titulo principal
show_title
button_text Texto do botao
f_type
f_property_type
f_bedrooms
f_bathrooms
f_price
f_city
f_features
f_condition
f_vehicle_type
f_brand
f_fuel
f_transmission
f_year
f_mileage
f_color
f_category
f_stock_status

Bloco de Anúncios ad_group

Grupo de anúncios cadastrado

Grupo de anuncios

Campos disponiveis

ad_group_id ID do grupo de anuncios
ajax_load Carregar via AJAX

Portal de Notícias news_portal

Layout estilo portal com manchete, seções e mais lidas

Portal de Notícias

Layout estilo portal com manchete, seções e mais lidas

Campos disponiveis

hero_category_id
hero_limit
hero_order
sec_a_category_id
sec_a_limit
sec_a_order
sec_b_category_id
sec_b_limit
sec_b_order
sec_c_category_id
sec_c_limit
sec_c_order
show_trending
trending_limit
sec_d_category_id
sec_d_limit
sec_d_order

HTML Customizado html

Código HTML livre

        <div class="custom">
    
        <h2>Titulo</h2>
    
        <p>Conteudo...</p>
    
        </div>

Campos disponiveis

content Conteudo HTML do editor