Um portal de classificados com Crocoblock é um site de anúncios construído sobre custom post types do JetEngine e filtros do JetSmartFilters, exibido com o Elementor Pro. Em vez de instalar um tema de classificados fechado, você modela cada anúncio como um post personalizado, com campos próprios para preço, categoria, localização e contato. O resultado é um diretório que você controla por inteiro, da estrutura de dados ao layout. Este tutorial mostra o caminho do zero, com os caminhos de menu reais do JetEngine e a ordem certa de cada etapa. Para dominar o construtor por trás dele, vale ter à mão o hub de todos os artigos de Elementor da FULL.

Primeiros passos: Visão geral do portal de classificados com Crocoblock

Um portal de classificados com Crocoblock se apoia em 3 peças do conjunto JetPlugins: o JetEngine registra o tipo de conteúdo e os campos, o JetSmartFilters cuida da busca e o Elementor Pro renderiza o layout. Pular a modelagem de dados é o erro que mais trava esse projeto.

A FULL conecta mais de 150 mil sites WordPress e, no suporte, a gente vê esse atalho cobrar caro: quem começa pelo layout costuma refazer tudo quando descobre que o filtro precisa de um campo que não existe. Antes de arrastar qualquer widget, defina a estrutura de dados na tabela abaixo, que resume as 4 etapas do fluxo e o check que confirma cada uma.

Legenda: o JetEngine concentra post types, taxonomias e campos meta num único menu, o ponto de partida do classificado.

Por que um portal de classificados com Crocoblock vence os temas prontos

Um portal de classificados com Crocoblock vence os temas prontos porque você desenha o esquema de dados do zero, sem amarras. Um tema de classificados fechado parece rápido nos primeiros 10 minutos, mas trava na hora de adicionar um campo “ano do veículo” sem editar PHP.

No JetEngine, esse campo extra leva menos de um minuto: cada anúncio vira um custom post type com os campos que o seu nicho pede, gravados direto na tabela de posts do banco de dados WordPress. Essa liberdade de modelagem é o motivo de o conjunto ser a base preferida para diretórios sob medida, como detalha o material sobre a combinação de Crocoblock com Elementor Pro. Um tema pronto entrega 1 estrutura fixa; o Crocoblock entrega o controle real e escalável que um classificado sério exige ao longo dos anos.

Como modelar o custom post type do portal de classificados com Crocoblock

O custom post type é o coração de um portal de classificados com Crocoblock, e o JetEngine o cria sem 1 linha de código. No painel do WordPress, vá em JetEngine > Post Types > Add New, defina o slug “anúncio” e o rótulo “Anúncios” em menos de 2 minutos.

Segundo a documentação oficial do Crocoblock, o mesmo painel registra post types, taxonomias e campos meta de forma nativa, o que evita instalar o ACF em separado e economiza memória do servidor. Ative as opções “Has archive” e “Public” para que cada anúncio ganhe URL própria e entre no arquivo do tipo. Esse passo cria a base de dados que todos os widgets vão consumir depois, e o material sobre criar custom post types com JetEngine aprofunda cada flag de configuração, do “Menu icon” ao “Rewrite slug”.

Como ligar os campos meta e a taxonomia de busca

Num portal de classificados com Crocoblock, os campos meta guardam preço, contato e fotos; a taxonomia organiza tudo por categoria e cidade. Na mesma tela do post type, abra o bloco “Meta Fields” e crie cerca de 8 campos: do tipo Text para preço, Media para a galeria e Text para o telefone.

Em seguida, registre uma taxonomia WordPress em JetEngine > Taxonomies, vinculada ao post type “anúncio”, com termos como “Imóveis”, “Veículos” e “Serviços”. A separação de papéis aqui é o que define a qualidade da busca: a taxonomia alimenta os filtros de checkbox do JetSmartFilters, enquanto os campos meta viram filtros de faixa, como o Range de preço. Sem essa fronteira clara entre o que é categoria e o que é dado pontual, o filtro retorna resultados inconsistentes e o visitante abandona a página de busca em poucos segundos.

Passo a passo: Construindo o diretório filtrável no Elementor

O fluxo abaixo monta o portal de classificados com Crocoblock na ordem que evita retrabalho: dados primeiro, layout depois, filtro por último. Cada etapa leva de 5 a 15 minutos num site já com o Elementor Pro e o conjunto JetPlugins ativos. Siga os passos na sequência exata, porque o Listing Grid só renderiza dados que já existam no post type criado antes.

Passo 1: Crie o template de listagem no listings

Acesse JetEngine > Listings > Add New e escolha “Listing source: Posts” com o post type “Anúncios”. É aqui que o portal de classificados com Crocoblock ganha forma visual: o Crocoblock abre o editor do Elementor com tags dinâmicas disponíveis. Monte o card do anúncio arrastando o widget Dynamic Field para preço, título e foto, puxando cada valor do campo meta correspondente. Esse template define como um único anúncio aparece na grade.

Passo 2: Insira o listing grid na página

Edite a página de arquivo com o Elementor Pro e arraste o widget Listing Grid. Aponte a fonte para o template criado no Passo 1 e defina 3 colunas com 12 anúncios por página. A grade já mostra os anúncios reais cadastrados, validando que o post type e os campos meta estão corretos.

Passo 3: Configure os filtros do JetSmartFilters

Em Smart Filters > Add New, crie um filtro do tipo Checkboxes apontando para a taxonomia de categoria e outro do tipo Range para o preço. Posicione os widgets de filtro ao lado da grade e ligue o atributo “This filter for” ao Listing Grid. O JetSmartFilters aplica a busca via AJAX, sem recarregar a página, em menos de 300 ms por requisição.

A camada que faltava: Filtros AJAX que não recarregam a página

O diferencial de um portal de classificados com Crocoblock profissional é a busca instantânea, e o JetSmartFilters entrega isso sem código. Quando o visitante marca “Veículos” e arrasta o controle de preço, a grade se atualiza via AJAX em menos de 300 ms, sem o flash branco de um reload completo da página.

Esse comportamento depende de o filtro estar amarrado ao mesmo Query ID do Listing Grid; o erro mais comum é deixar o campo “Query ID” vazio, o que faz o filtro recarregar a página inteira a cada clique. O guia sobre criar filtros de busca com JetSmartFilters mostra o pareamento correto entre o filtro e a grade. Em sites com mais de 5 mil anúncios, ative a opção “Use AJAX” e indexe os campos meta no banco para manter a resposta abaixo de 1 segundo, mesmo com vários filtros combinados ao mesmo tempo.

Performance e indexação de um classificado com milhares de anúncios

Um portal de classificados com Crocoblock cresce rápido e a performance vira o gargalo silencioso por volta de 10 mil anúncios. Cada custom post type com 8 campos meta gera 8 linhas na tabela wp_postmeta por anúncio, então 10 mil anúncios criam 80 mil registros de meta para o banco consultar.

Sem índice nessas colunas, uma busca por faixa de preço varre a tabela inteira e o tempo de resposta passa de 3 segundos, o que derruba a conversão. A solução que aplicamos em projetos reais é usar o Query Builder do JetEngine com uma query SQL enxuta e cachear o resultado do Listing Grid por algumas horas. O conteúdo sobre templates dinâmicos com Elementor e JetEngine detalha como reaproveitar uma só query em várias páginas, reduzindo a carga no servidor e mantendo o classificado rápido mesmo na faixa dos 50 mil anúncios.

Vale a pena: Quando o Crocoblock é o caminho certo

Um portal de classificados com Crocoblock compensa quando o projeto precisa de campos sob medida e busca avançada, mas tem custo de licença. Avulso, o JetEngine, o JetSmartFilters e o Listing Grid fazem parte do pacote de plugins da Crocoblock, que custa a partir de US$ 43 por ano.

No bundle da FULL, o plano PRO sai por R$ 849 e inclui 17 plugins premium ativados em 1 clique, o que dá cerca de R$ 85 por site quando você distribui a licença em 10 projetos de cliente. Para uma agência que monta diretórios em série, esse rateio é o argumento decisivo: você ativa o Crocoblock e os outros 16 plugins sem comprar cada licença separada, e a gente vê no suporte da FULL que esse é o ponto que destrava o orçamento de quem entrega site por site. Conheça os planos em FULL.services/planos.

Erros comuns que travam o portal de classificados com Crocoblock

A maior parte dos chamados sobre classificado trava em 3 pontos previsíveis, e todos têm correção rápida. O primeiro é o Listing Grid vazio: quase sempre o post type foi criado sem a flag “Public”, então os anúncios existem mas não aparecem na consulta do arquivo.

O segundo erro é o filtro que recarrega a página inteira, sintoma clássico de “Query ID” divergente entre o filtro e a grade. O terceiro é a galeria de fotos que não salva, causada por usar um campo Text em vez de Media no JetEngine. A ferramenta de plugins JetEngine do Crocoblock documenta cada tipo de campo e o valor padrão de cada um. Resolver esses três cobre a grande maioria dos travamentos que chegam ao suporte da FULL, antes mesmo de tocar em código ou em hooks do WordPress para forçar a consulta.

Perguntas frequentes sobre portal de classificados com Crocoblock

Próximos passos para colocar o seu diretório no ar

Com o custom post type modelado, os campos meta ligados e o JetSmartFilters configurado, o seu portal de classificados com Crocoblock já tem a espinha dorsal funcional. O caminho daqui é refinar o template do anúncio, adicionar um formulário de envio no front-end para os usuários cadastrarem anúncios sozinhos e cuidar da performance conforme a base cresce além de 10 mil registros. Cada decisão de campo meta tomada agora economiza horas de refatoração depois, então documente o esquema de dados antes de escalar. Para continuar aprendendo, o guia para dominar o Elementor reúne os tutoriais que complementam este fluxo, e o FULL Academy concentra os materiais de Elementor e Crocoblock num só lugar.