Páginas dinâmicas com Crocoblock são páginas que o WordPress monta sozinho a partir de um banco de registros, em vez de você construir cada uma à mão no Elementor. Você desenha um template uma vez e o JetEngine repete aquele layout para cada imóvel, profissional ou produto cadastrado. A lógica é simples: o dado mora num custom post type, o template lê esse dado com o widget Dynamic Field e o Listing Grid lista tudo numa grade filtrável. Quem mantém um acervo de conteúdos de Elementor da FULL sabe que esse é o ponto onde o site para de escalar no braço e passa a escalar por estrutura.

Primeiros passos: O que torna uma página dinâmica

Uma página dinâmica troca conteúdo fixo por campos que mudam conforme o registro: em vez de 200 páginas estáticas, você mantém 1 template e 200 entradas no banco. Em sites com centenas de itens, isso corta a manutenção de horas para minutos, porque corrigir o template vale para todos os registros de uma vez.

O JetEngine, plugin central do Crocoblock, entrega quatro peças que conversam entre si: custom post type, meta fields, Dynamic Field e Listing Grid. A tabela abaixo mostra a função de cada uma e um exemplo de projeto onde ela aparece.

A diferença entre montar isso bem ou penar com a tela depende de uma decisão tomada antes do design. Vale a leitura de quando o ecossistema compensa em vale a pena usar o Crocoblock com o Elementor antes de cadastrar o primeiro registro.

Passo a passo: Criar páginas dinâmicas com Crocoblock no Elementor

A montagem de páginas dinâmicas com Crocoblock segue cinco passos em ordem fixa: criar o tipo de registro, descrever seus campos, cadastrar dados, desenhar o template e listar tudo numa grade. Pular a etapa de modelagem é o erro número um, segundo a documentação oficial do JetEngine, o Listing Grid só exibe meta fields que existam no post type apontado, então a estrutura precede o desenho. Os cinco passos abaixo valem para qualquer projeto, seja um diretório, uma imobiliária ou um catálogo.

Passo 1: Crie o custom post type no JetEngine

O custom post type é o ponto de partida de todas as páginas dinâmicas com Crocoblock: em JetEngine > Post Types você define o nome (ex: “Imóveis”), o slug e marca a opção “Has archive” se quiser uma página de arquivo nativa. É o custom post type que registra o tipo no banco. Esse passo leva menos de dois minutos e dispensa código. Marcar “Has archive” desde o início evita o problema mais comum de grade vazia, porque o Listing Grid de arquivo precisa de um arquivo registrado para apontar. Defina também os suportes (título, editor, thumbnail) conforme o que cada card vai exibir depois.

Passo 2: Descreva os meta fields do registro

Os meta fields são os atributos que diferenciam um registro do outro: preço, metragem, cidade, telefone ou categoria. Em JetEngine > Meta Boxes você cria um Meta Box, associa ao custom post type e adiciona cada campo com um tipo correto, número para preço, texto para endereço, mídia para galeria. O tipo do campo importa: um preço salvo como texto não ordena corretamente no Query Builder depois. Para diretórios e imobiliárias, planeje de 6 a 10 meta fields por registro; mais que isso costuma indicar que dois tipos de registro foram fundidos sem necessidade.

Passo 3: Cadastre os primeiros registros

Cadastrar três a cinco registros reais antes de desenhar páginas dinâmicas com Crocoblock é o atalho que poupa retrabalho: com dados de verdade na tela, você enxerga onde o texto estoura, onde a imagem falta e qual campo fica vazio. Cada registro é uma entrada normal do WordPress, criada na tela do custom post type que apareceu no menu lateral. Preencha título, conteúdo e todos os meta fields. Pular esse passo e desenhar com campos vazios é onde a maioria dos travamentos de layout nasce, porque o template fica calibrado para um conteúdo que não existe.

Passo 4: Desenhe o template com dynamic field

O Dynamic Field é o widget que transforma um registro em página dentro de páginas dinâmicas com Crocoblock: você cria um Listing Item (ou edita o single no Elementor PRO 3.x) e, em cada widget Dynamic Field, escolhe a Source, Post/Term/User Data para campos nativos, ou Meta Data para os campos do JetEngine. Arraste um Dynamic Field para o título, outro para o preço, outro para a imagem. Cada widget puxa um atributo. Um template desenhado assim renderiza qualquer registro do tipo: cadastre o imóvel 500 e ele herda o layout sem nenhum clique extra no Elementor.

Passo 5: Liste os registros com listing grid e query builder

O Listing Grid coloca os registros numa grade e o Query Builder decide quais aparecem e em que ordem: ative o toggle “Use custom query” e selecione uma consulta que filtre por cidade, faixa de preço ou data. Coloque o Listing Grid na página de busca das suas páginas dinâmicas com Crocoblock, aponte para o Listing Item do Passo 4 e defina colunas e quantidade por página. Para volumes acima de algumas dezenas de itens, ligue a paginação AJAX para a grade carregar sem recarregar a página inteira. É aqui que o diretório vira navegável de verdade.

Legenda: a mesma grade serve diretório, imobiliária e catálogo, muda só o custom post type por trás.

Dynamic field e listing grid: Como os widgets puxam o dado

Os dois widgets que sustentam páginas dinâmicas com Crocoblock têm escopos diferentes: o Dynamic Field exibe 1 atributo de um registro, e o Listing Grid repete um Listing Item para muitos registros de uma vez. Essa separação entre dado e layout é o que diferencia o ecossistema de um construtor estático.

Segundo a documentação do JetEngine, o Listing Grid lê meta fields de custom post types, taxonomias, usuários e até Custom Content Types, então a mesma grade que monta um diretório de médicos monta um catálogo de peças trocando só a fonte. Há uma armadilha nos tickets de suporte da FULL: quando dois custom post types dividem um Listing Grid, os meta fields precisam ter o mesmo nome nos dois tipos, senão metade dos cards fica em branco. A documentação de template recomenda criar um Meta Box único e atribuí-lo aos dois. Entender essa relação separa um site dinâmico bem estruturado de uma grade que quebra a cada registro.

Query builder: Filtros, ordenação e a tangente que ninguém documenta

O Query Builder é o cérebro das páginas dinâmicas com Crocoblock: ele monta a consulta SQL por trás da grade sem você escrever 1 linha de WP_Query. Numa única interface visual, você define meta queries por preço, a ordenação dos resultados e a relação entre taxonomias como categoria e localização.

Combinado com o JetSmartFilters, o Query Builder vira o motor de busca filtrável que um diretório ou imobiliária exige, com filtros por cidade, faixa de valor e categoria atualizando a grade em tempo real. Aqui mora a tangente que a documentação oficial não traz: em diretórios acima de 5.000 registros, o Listing Grid sem paginação AJAX e sem índice no meta field gera consultas lentas no MySQL, porque cada meta query roda um JOIN na tabela de postmeta. A saída testada é mover os atributos filtráveis para uma Custom Content Type, tabela própria do JetEngine fora do postmeta, e indexar a coluna do filtro, algo que o loop padrão do WordPress não resolve sozinho.

Diretório, imobiliária e catálogo: O mesmo motor, três projetos

O mesmo conjunto de páginas dinâmicas com Crocoblock atende 3 projetos distintos sem trocar de ferramenta: muda só a modelagem do custom post type. Um diretório usa o CPT “Profissionais” com especialidade e cidade; uma imobiliária usa “Imóveis” com metragem e preço; um catálogo usa “Produtos” com SKU.

Em todos os três, o trio Dynamic Field, Listing Grid e Query Builder permanece idêntico, e é essa reutilização que torna o ecossistema atraente para agências que entregam vários sites por trimestre. A escolha entre custom post type e Custom Content Type depende do volume: até alguns milhares de registros, o CPT nativo basta e mantém compatibilidade com plugins de SEO e cache. Para um catálogo com dezenas de milhares de linhas, a Custom Content Type ganha por gravar numa tabela própria, fora do postmeta inchado. Quem monta esse projeto encontra o passo a passo em como montar um site de imobiliária do zero com Crocoblock, que detalha a modelagem para alto volume.

Ative o Crocoblock no plano certo e dilua o custo por site

Montar páginas dinâmicas com Crocoblock exige a licença do JetEngine, e o caminho com menor custo por site é o bundle. A gente vê no suporte da FULL que comprar plugin premium avulso, site a site, é o que mais pesa na conta de quem mantém vários projetos ao mesmo tempo.

O plano PRO da FULL sai por R$849 e inclui o Crocoblock junto com Elementor PRO, Rank Math PRO e mais 14 plugins liberados. Diluído nos sites que você gerencia, isso fica em torno de R$85 por site, bem abaixo da licença avulsa do JetEngine cobrada por projeto. Para quem entrega diretório, imobiliária ou catálogo em série, ativar tudo de uma vez em FULL.services/planos remove a fricção de controlar licença a cada novo site. Veja a combinação completa em Crocoblock com Elementor PRO, que mostra os dois plugins operando juntos.

Perguntas frequentes sobre páginas dinâmicas com Crocoblock

Próximos passos para escalar seu site dinâmico

Páginas dinâmicas com Crocoblock invertem a lógica de manutenção: você para de editar páginas e passa a editar dados, com um template servindo todos os registros. O caminho é sempre o mesmo, custom post type, meta fields, Dynamic Field e Listing Grid com Query Builder, e ele escala de um diretório de bairro a um catálogo nacional sem trocar de ferramenta. A decisão que define o sucesso de páginas dinâmicas com Crocoblock acontece antes do design: modelar o dado certo no custom post type. Para aprofundar o método aplicado a projetos reais, veja como projetar um site WordPress com conteúdo dinâmico e, para continuar aprendendo, o FULL Academy reúne os tutoriais de Elementor e Crocoblock num só lugar.