Uma grelha de cartões de produto no WooCommerce que se arrasta no telemóvel. Um portefólio que não pode ser filtrado por categoria. Um catálogo onde a pesquisa funciona através de «Ctrl+F» em vez de filtros. Uma dor familiar para quem constrói um site de conteúdo em WordPress.

Até recentemente, as grelhas com pesquisa facetada eram território de programador: WP_Query personalizado, marcação manual de CSS Grid, ajustes infindáveis para cada tipo de conteúdo. O plugin WP Grid Builder (GridBuilderWP) muda o jogo ao fornecer um construtor visual de grelhas e filtros que funciona de imediato, sem mexer em código.

Segue-se uma análise detalhada: o que o plugin pode fazer, como instalá-lo, como configurar a sua primeira grelha e que cenários ele resolve melhor.

💡 Visão geral rápida:

• Descarregue e instale o WP Grid Builder como qualquer plugin premium do WordPress
• Crie a sua primeira grelha: escolha o tipo de conteúdo (artigos, ficheiros multimédia, produtos), configure o estilo (Masonry, Metro, Justified) e adicione cartões
• Configure facetas (filtros, pesquisa, ordenação) através de um construtor de arrastar e largar, sem escrever uma única linha de código
• Publique a grelha via shortcode ou bloco Gutenberg em qualquer página
• Se necessário, estenda a funcionalidade com add-ons: mapas, cache, suporte multilingue

O que é o WP Grid Builder

O WP Grid Builder é um plugin premium do WordPress para criar grelhas personalizáveis com filtragem facetada. Em termos simples: escolhe qual o conteúdo a exibir (artigos do blogue, produtos WooCommerce, ficheiros multimédia, utilizadores), define a aparência do cartão e adiciona filtros. O plugin monta tudo numa grelha responsiva que pode ser incorporada em qualquer página.

O criador, Loïc Blascos, é um engenheiro de WordPress francês também conhecido pelo plugin Unblock. O produto tem sido ativamente desenvolvido desde 2019. Em junho de 2026, a versão atual é a v2.3.3.

O plugin funciona com qualquer tema que siga os padrões do WordPress e integra-se com Gutenberg, Elementor, Oxygen, Beaver Builder e Bricks através de shortcodes ou blocos. Add-ons separados cobrem a integração com WooCommerce, Easy Digital Downloads, ACF, Meta Box, Pods, WPML, Polylang, SearchWP, Relevanssi e LearnDash.

Cenário de eCommerce: cartões de produto com preço, classificação e botão «Adicionar ao Carrinho», mais filtros por preço, categoria e estado de stock.

Cenário de portefólio: ficheiros multimédia da biblioteca do WordPress que abrem numa lightbox, com filtragem por etiquetas.

Funcionalidades principais

O plugin oferece muitas capacidades. Vamos agrupá-las por categoria para evitar uma lista interminável.

Conteúdo e consultas. O WP Grid Builder pode obter conteúdo de tipos de publicação personalizados, taxonomias e utilizadores do WordPress. Configurar a origem demora alguns cliques: selecione o tipo de publicação, estado de publicação, autores e inclua ou exclua artigos específicos. Nos bastidores, endpoints AJAX personalizados e uma tabela de índice garantem uma filtragem rápida, mesmo com grandes volumes de conteúdo.

Grelhas e layouts. Três tipos de layout: Masonry (estilo tijolos), Justified (alinhado por largura) e Metro (grelha com células de tamanho variável). Cada um pode ser envolvido num carrossel responsivo com suporte para gestos táteis. O número de colunas e a altura das linhas são ajustáveis para diferentes larguras de ecrã: tablet, telemóvel e desktop.

Cartões. Um construtor de arrastar e largar: arraste blocos (título, imagem, preço, classificação, campos personalizados, HTML) e monte o cartão. Estão incluídos mais de 20 modelos prontos a usar, mais de 900 Google Fonts e mais de 250 ícones SVG. Os cartões podem ser atribuídos a diferentes tipos de conteúdo: um para produtos, outro para artigos do blogue.

Filtros (facetas). Mais de 20 tipos: caixas de verificação, botões de rádio, menus suspensos, botões, filtros hierárquicos, intervalos (preço, classificação), sliders, seletores de data, pesquisa, ordenação, reinicialização e um botão «Carregar Mais». Os filtros funcionam via AJAX, sem recarregar a página. Cada pesquisa facetada gera um URL único e os botões Avançar/Recuar do navegador funcionam corretamente.

Lightbox e multimédia. Uma lightbox integrada para imagens, vídeo (YouTube, Vimeo, Wistia), galerias e áudio. Suporte para lazy loading: as imagens carregam com o scroll, poupando largura de banda e acelerando a renderização da página.

Animações. Mais de 20 animações de carregamento (loader durante a filtragem) e mais de 20 animações de revelação (os cartões aparecem com o scroll). Estas reduzem o tempo de espera percebido: o utilizador vê movimento em vez de um ecrã em branco.

Outras funcionalidades. Importação/exportação de grelhas, cartões e facetas em JSON; suporte para idiomas RTL; compatível com SEO (W3C); requisitos básicos de acordo com a documentação para programadores: PHP 7.0+ e WordPress 6.0+ (recomendado PHP 8.x).

Preços e planos

O WP Grid Builder é vendido apenas como subscrição anual; não existe versão gratuita. Três escalões:

Aplicam-se descontos progressivos na renovação: quanto mais alto o escalão, maior a percentagem de desconto. Todos os escalões incluem o conjunto completo de add-ons, pelo que não há nada extra para comprar. Na compra, aplica-se uma garantia de reembolso de 14 dias.

O plugin recebeu críticas positivas de figuras notáveis da comunidade WordPress. Jb Audras, programador do núcleo do WordPress e CTO da Whodunit, destaca a conveniência tanto para utilizadores como para programadores:

Tanto a experiência do utilizador como a do programador são excelentes. Um ótimo produto e um novo paradigma para este tipo de funcionalidade. Boa integração com o núcleo do WordPress, UX de administração agradável e frontend extremamente rápido.

Chris Lema, um conhecido especialista e consultor de WordPress, também elogiou publicamente o WP Grid Builder; a sua análise pode ser encontrada nas redes sociais.

Instalar o WP Grid Builder

A instalação é a padrão para um plugin premium do WordPress. Após a compra, recebe um ficheiro ZIP e a chave de licença por email ou na sua conta em wpgridbuilder.com.

Passo 1. Transfira o arquivo ZIP. No painel de administração do WordPress, vá a Plugins → Adicionar novo:

Passo 2. Clique em «Enviar plugin», selecione o ficheiro ZIP e clique em «Instalar agora»:

Passo 3. Ative o plugin:

Após a ativação, aparece um item Gridbuilder WP no menu de administração. Vá a Gridbuilder WP → Painel:

Passo 4. Introduza o email e a chave de licença e clique em «Ativar plugin»:

Ativar a licença permite receber atualizações automáticas diretamente do painel de administração do WordPress. A chave em si fica disponível no seu painel de conta após a compra:

Pronto. O plugin está instalado, a licença está ativada e pode criar a sua primeira grelha.

Configurar a sua primeira grelha

A configuração é composta por várias secções num único ecrã. Vamos percorrê-las sequencialmente.

Criar e dar nome à grelha

Vá a Gridbuilder WP → Todas as grelhas e clique em «Create A Grid»:

Isto leva-o ao ecrã «Todas as grelhas», que está atualmente vazio. Clique no botão «Create A Grid»:

Um caminho alternativo é importar grelhas de demonstração a partir do site do WP Grid Builder. As demonstrações definem o layout e a estrutura dos cartões, mas o conteúdo é sempre o seu: as suas publicações, ficheiros multimédia ou produtos.

Neste ecrã, especifique: o nome da grelha (para uso interno), uma classe CSS personalizada (opcional, para estilos personalizados) e o texto da mensagem que os utilizadores verão se não houver resultados.

Selecionar a origem do conteúdo

Secção Definições da grelha → Origem do conteúdo:

Três opções de origem:

• Tipo de publicação: publicações, páginas, ficheiros multimédia ou qualquer tipo personalizado
• Termo: filtragem por categorias, etiquetas ou taxonomias personalizadas
• Utilizador: conteúdo de utilizadores específicos

Abaixo, defina o número de itens por página. Um valor de «-1» mostra todos; 0 herda as definições do WordPress.

Na secção «Publicações solicitadas», faça ajustes finos: tipo de publicação, estado (o melhor é definir como «Publicado»), autores, tipos MIME para multimédia e inclusão e exclusão de publicações específicas.

Dica: clique em «Guardar alterações» à medida que avança nas definições. A configuração da grelha leva tempo, e perder o progresso a meio é frustrante.

Formatos multimédia

Secção Definições da grelha → Formatos multimédia:

Escolha os formatos para os cartões: imagens, galerias, vídeo (YouTube/Vimeo/Wistia) e áudio. Aqui também define uma miniatura padrão para cartões sem imagem própria. Uma opção útil: captura automática do primeiro ficheiro multimédia de uma publicação se faltar uma imagem destacada.

Estilo da grelha

Secção Definições da grelha → Estilo da grelha:

Três estilos à escolha: Masonry, Metro e Justified. Para a maioria dos cenários, o Masonry é uma escolha segura: os cartões alinham-se de forma otimizada, independentemente das proporções das imagens. O comportamento da grelha, as substituições de tamanho dos cartões e a responsividade são configurados abaixo, mas não há necessidade de os modificar sem um requisito claro.

Layout da grelha

Duas opções: deslocamento vertical padrão ou carrossel. A opção «Largura total» faz com que a grelha ocupe toda a largura do ecrã.

Compositor da grelha

O Grid Composer é uma área de arrastar e largar onde organiza as facetas. Por exemplo: um filtro de data, pesquisa e botão «Carregar Mais»:

Após a publicação, esta configuração produz uma grelha com três filtros funcionais:

Estilo dos cartões

A secção «Estilo dos Cartões» é o construtor de aparência dos cartões. Pode importar cartões prontos do conjunto de demonstração (mais de 20 modelos) ou criar de raiz. Cada tipo de conteúdo recebe o seu próprio cartão: um para produtos, outro para artigos. Uma grelha finalizada com o cartão Beryl tem este aspeto:

Animações

Dois tipos de animação: revelação do cartão ao fazer scroll e efeitos ao clicar em «Carregar Mais». Fáceis de configurar, proporcionam uma melhoria visual notável com um esforço mínimo.

Carregamento

Ative o carregamento diferido para que as imagens sejam carregadas apenas quando entram na janela de visualização. Isto é fundamental para grelhas com dezenas de cartões numa página. O indicador de carregamento (loader) aparece durante a filtragem ou ao carregar o próximo lote de conteúdo, dando feedback visual aos utilizadores.

Personalização de CSS

A janela Definições da Grelha → Personalização permite-lhe adicionar as suas próprias regras de CSS usando a classe definida ao criar a grelha. Se CSS não for o seu forte, considere envolver um programador de front-end ou mantenha os estilos predefinidos.

Extensões

As extensões ampliam a funcionalidade base. Todas estão incluídas em qualquer plano. Em junho de 2026, estão disponíveis as seguintes:

• Faceta de Mapa: mapas Google Maps, Mapbox ou Leaflet com marcadores e filtragem por geoetiqueta
• Cache: cache de conteúdo e facetas para acelerar pedidos repetidos
• LearnDash: exibição de dados de cursos LearnDash nos cartões da grelha
• Multilíngue: integração com Polylang e WPML para sites multilingues
• Elementor: integração nativa com o construtor Elementor
• Oxygen: integração com o Oxygen Builder
• Bricks: integração com o Bricks Builder
• Beaver Builder: integração com o Beaver Builder
• Meta Box: campos Meta Box nos cartões e filtros
• Pods: campos Pods nos cartões e filtros

As extensões instalam-se em poucos cliques através de Gridbuilder WP → Extensões.

Outras definições

Gridbuilder WP → Definições contém os parâmetros globais:

• Ativar blocos do WP Grid Builder no Gutenberg
• Suporte a formatos de publicação (imagem, vídeo, áudio, galeria)
• Exibir cores de taxonomia e formato de publicação
• Limpeza de cache e reinicialização da folha de estilos
• Cores globais dos cartões e facetas
• Tamanhos de imagem adicionais
• Definições da lightbox integrada
• Reinicialização completa das definições globais do plugin

A maioria destes parâmetros é configurada uma vez e não requer revisitas.

Veja o plugin em ação. Neste vídeo, o WPTuts mostra como configurar filtros de vários níveis com o WP Grid Builder, do início até uma grelha funcional:

⁉️🤔 Perguntas frequentes

Preciso de saber programar para trabalhar com o WP Grid Builder?

Não. As grelhas, cartões e facetas são totalmente configurados através da interface visual de administração. O plugin requer PHP 7.0+ e WordPress 6.0+, mas não precisará de escrever código. Os developers têm acesso a hooks e filtros PHP para personalização, mas isto é um bónus opcional, não um requisito.

O plugin funciona com o meu tema?

Se o tema seguir as normas do WordPress, sim. Na prática, os problemas de compatibilidade são raros, mas se surgirem, aplica-se a garantia de reembolso de 14 dias. O plugin também oferece integrações com Elementor, Oxygen, Bricks e Beaver Builder para quem trabalha com construtores visuais.

Em que é que o WP Grid Builder difere da concorrência?

Em três aspetos: profundidade da filtragem por facetas (mais de 20 tipos de facetas contra 5 a 10 nas alternativas), um construtor de cartões integrado (sem necessidade de editar templates do tema) e uma tabela de índice para filtragem rápida em grandes volumes de conteúdo. A maioria dos plugins de grelha ou fornece layout sem filtros, ou filtros sem cartões personalizados; aqui está tudo num só pacote.

Existe uma versão gratuita?

Não, o WP Grid Builder é exclusivamente premium. O escalão mínimo é de 49 $ por ano para um site com o conjunto completo de add-ons. Isto é comparável à subscrição anual de muitos outros plugins premium para WordPress.

Como é que o plugin afeta a velocidade do site?

Utiliza endpoints AJAX personalizados e uma tabela de índice em vez do WP_Query padrão, o que reduz a carga na base de dados. O lazy loading adia o carregamento das imagens até ao scroll. Para catálogos grandes, considere ativar o add-on de Caching, que coloca em cache adicional os resultados da filtragem. Numa configuração de teste, uma grelha de 50 produtos com filtros abre sem atrasos percetíveis.

Posso usar o plugin num site de testes?

Sim. Domínios com TLDs.dev,.test,.local, localhost e subdomínios de staging não contam como ativações. Pode desenvolver e testar em staging sem consumir a sua licença.

Que plano do WP Grid Builder escolher para a sua tarefa

O WP Grid Builder não é uma ferramenta para todos. É um exagero se precisa de uma simples grelha de artigos sem filtros: plugins gratuitos ou blocos nativos do tema resolvem isso. Mas se a tarefa envolve um catálogo com pesquisa facetada, um portefólio filtrável ou uma loja WooCommerce com ordenação inteligente, há poucas alternativas com profundidade comparável no mercado de plugins WordPress.

• Se é dono de uma loja online em WooCommerce, adquira o plano Basic por $49 por ano. Cobre uma montra com filtros de preço, avaliação e stock. Uma grelha Masonry com cartões de produto monta-se numa hora.
• Se é um freelancer ou agência a gerir vários projetos, considere o Premium ($99, até 3 sites) ou o Ultimate ($249, ilimitado). Os add-ons para Elementor e Bricks poupam tempo na integração com os construtores dos clientes.
• Se precisa de uma grelha de blog simples sem filtros, o plugin é excessivo para essa tarefa. Experimente os blocos nativos Query Loop no Gutenberg ou alternativas gratuitas.

Teste o plugin num site de testes; a garantia de reembolso de 14 dias permite-lhe avaliá-lo sem risco. E se já trabalhou com o WP Grid Builder, deixe um comentário a descrever para que cenário o adaptou.