--- title: "Filtros dinâmicos no Elementor em 5 passos: Guia essencial" description: "Os filtros dinâmicos no Elementor são controles de busca que refinam uma listagem de posts ou produtos em tempo real, sem trocar de página." url: https://full.services/filtros-dinamicos-elementor/ date: 2026-06-27 author: "Clayton Margiotti" --- # Filtros dinâmicos no Elementor em 5 passos: Guia essencial Criar **filtros dinâmicos no Elementor** exige um plugin de query como o JetSmartFilters ligado a uma Loop Grid. Segundo o [W3Techs](https://w3techs.com/technologies/details/cm-elementor) (2026), o Elementor roda em 13,0% de todos os sites da web. O modo AJAX aplica a filtragem em menos de 1 s, sem recarregar a página. Configure provider, taxonomia e indexer antes de publicar. Os filtros dinâmicos no Elementor são controles de busca que refinam uma listagem de posts ou produtos em tempo real, sem trocar de página. Eles dependem de uma grade dinâmica (Loop Grid ou Listing Grid) e de um plugin de filtragem que leia a query do WordPress. Sem essa ligação, o Elementor PRO sozinho monta a vitrine, mas não filtra por taxonomia, meta ou preço. Este guia mostra como ligar JetSmartFilters, JetEngine e ACF PRO a uma grade, configurar o modo AJAX e evitar os erros que mais aparecem no suporte. Para dominar o construtor antes de avançar, vale revisar o [guia para dominar o Elementor](https://full.services/guias/domine-o-elementor) e a categoria de [todos os artigos de Elementor da FULL](https://full.services/elementor/). --- ## Primeiros passos: O que são filtros dinâmicos no Elementor Filtros dinâmicos no Elementor combinam três peças: uma grade que repete um template, uma fonte de dados estruturada e um widget de filtro que reescreve a query daquela grade em tempo real. Sem essas três peças ligadas, o Elementor PRO 3.x monta a vitrine, mas não refina nada por taxonomia, meta ou preço. A grade pode ser o Loop Grid do Elementor PRO ou o Listing Grid do JetEngine; a fonte de dados é uma [taxonomia](https://full.services/glossario/taxonomia-wordpress/), um custom field ou um atributo WooCommerce; e o widget que reescreve a [WP_Query](https://full.services/glossario/wp-query/) é o JetSmartFilters, da Crocoblock. Esse plugin conecta o filtro à grade por um campo chamado provider. A gente vê no suporte da FULL que boa parte dos sites com catálogo grande trava sem AJAX configurado, porque o Page Reload recarrega a página inteira a cada clique. A tabela abaixo resume os três componentes que você vai montar.
Filtros dinâmicos no Elementor: componente, função e plugin
Componente Função Plugin responsável
Grade dinâmica Repete um template por post ou produto Elementor PRO (Loop Grid) ou JetEngine
Fonte de dados Taxonomia, custom field ou atributo JetEngine, ACF PRO, WooCommerce
Widget de filtro Reescreve a query e aplica via AJAX JetSmartFilters
--- ## Por que o Elementor PRO sozinho não filtra listagens O Elementor PRO 3.x monta a vitrine com o [Loop Grid](https://full.services/elementor-loop-builder/), mas não traz um motor de filtragem AJAX nativo: ele exibe os itens que a query inicial retornou e para por aí. Para refinar essa query depois que a página carrega, é preciso um plugin que intercepte a consulta e devolva só os itens que batem com a seleção do usuário. Esse é exatamente o papel do JetSmartFilters. Sem ele, a única alternativa nativa é o [Query Control do Elementor](https://full.services/elementor-query-control/), que define filtros fixos no editor, não controles que o visitante manipula em tempo real. A diferença prática aparece em catálogos acima de 200 itens: a filtragem fixa obriga a criar dezenas de páginas manuais, uma para cada combinação, enquanto a filtragem dinâmica resolve tudo numa grade só. É por isso que portais, diretórios e lojas com muitos atributos dependem de um plugin de query, e não apenas do construtor visual do Elementor. --- ## Como montar filtros dinâmicos no Elementor passo a passo Montar filtros dinâmicos no Elementor leva cerca de 30 minutos numa instalação limpa com Elementor PRO, JetEngine e JetSmartFilters ativos. O fluxo é sempre o mesmo: crie a grade, defina a fonte de dados, adicione o widget de filtro, aponte o provider para a grade e escolha o modo de aplicação. Cada passo abaixo corresponde a uma etapa real do editor da Crocoblock, ancorada na documentação oficial do plugin. ### Passo 1: Crie a loop grid ou listing grid Adicione um widget Loop Grid (Elementor PRO) ou Listing Grid (JetEngine) à página e selecione o template que repete por item. Defina o Query ID dessa grade em Layout > Query ID com um valor único, por exemplo `produtos-loja`. Esse identificador é o que o filtro vai procurar depois. ### Passo 2: Defina a fonte de dados Estruture o que será filtrado. Cadastre uma taxonomia no JetEngine, um campo no ACF PRO ou use os atributos de produto do WooCommerce. Filtro sem dado estruturado por trás não tem o que refinar. ### Passo 3: Adicione o widget de filtro Arraste o widget Checkboxes, Radio, Select, Range ou Search do JetSmartFilters para perto da grade. Cada tipo cobre um caso: Checkboxes para múltipla escolha, Range para preço, Search para texto livre. ### Passo 4: Aponte o provider para a grade No campo "This filter for", escolha o provider da sua grade (JetEngine Listing Grid ou Elementor Loop Grid) e cole o mesmo Query ID do Passo 1. É essa amarração que diz ao filtro qual grade obedecer. ### Passo 5: Escolha o apply type AJAX Em Apply type, selecione AJAX para aplicar a filtragem sem recarregar a página. As outras opções são Page Reload, que recarrega tudo, e Mixed, que mistura os dois comportamentos por filtro. --- ## Tipos de filtro do JetSmartFilters e quando usar cada um O JetSmartFilters oferece pelo menos seis tipos de widget de filtro, e a escolha errada custa cliques: um Range em campo de texto devolve resultado vazio. Os tipos principais são Checkboxes para múltipla escolha por taxonomia, Radio para escolha única, Select como dropdown que economiza espaço, Range como slider numérico de preço, Search por texto livre e Date Range por intervalo de datas. Segundo a [base de conhecimento da Crocoblock](https://crocoblock.com/knowledge-base/jetsmartfilters/jetsmartfilters-overview/), cada widget traz o campo "This filter for" justamente para amarrar o filtro ao provider certo. A regra de campo da FULL é direta: use Checkboxes para categorias com até 15 opções, Select acima disso e Range só sobre [custom fields](https://full.services/glossario/custom-post-type/) numéricos. Combinar Search com Checkboxes cobre a maior parte das lojas e portais de conteúdo dinâmico, porque junta busca textual com refino por categoria na mesma grade. Errar o tipo é a causa silenciosa de filtro que devolve zero resultado mesmo com dados cadastrados. --- ## AJAX, page reload e mixed: O impacto na performance O Apply type define se a filtragem é instantânea ou se cada clique custa um recarregamento completo da página. No modo AJAX, o JetSmartFilters dispara uma requisição em segundo plano e troca só a grade, em geral em menos de 1 s; no Page Reload, a página inteira recarrega, o que pesa mais em conexões móveis 3G. O modo Mixed permite escolher o comportamento por filtro, útil quando um botão "Aplicar" deve disparar a busca de uma vez só, em vez de a cada clique. Em catálogos grandes, o AJAX sem o Indexer ativo tende a travar a contagem de resultados: ative o JetSmartFilters Indexer para que cada opção mostre quantos itens existem antes do clique, o que evita a consulta ao banco a cada interação. Para não pesar o servidor com requisições repetidas, vale revisar como [otimizar a velocidade do Elementor com plugins específicos](https://full.services/como-otimizar-a-velocidade-do-elementor-com-plugins-especificos/) junto com o cache de página e o PHP 8.2. --- ## Erros comuns ao criar filtros dinâmicos no Elementor A maior parte dos chamados sobre filtros dinâmicos no Elementor que chegam ao suporte da FULL cai em três causas: provider errado, Query ID ausente e meta field incompatível. O sintoma mais comum é o filtro que "não faz nada" quando o JetSmartFilters aponta para um provider diferente da grade real. O segundo erro recorrente aparece quando duas Loop Grid dividem a página sem Query ID único: o filtro aplica a busca na primeira grade que encontra no código, e o usuário acha que travou. Definir um Query ID único por grade e apontar o filtro para ele resolve o conflito na hora. O terceiro caso é o slider de Range ligado a um meta field de texto: sem valor numérico por trás, o JetEngine não calcula mínimo e máximo, e o resultado volta vazio. A correção é sempre estrutural: defina um Query ID por grade, confirme o provider e garanta que o campo filtrado guarde o tipo de dado certo antes de publicar. --- ## Quanto custa e onde a FULL entra Montar filtros dinâmicos no Elementor com Crocoblock exige duas licenças pagas: Elementor PRO e o pacote JetSmartFilters mais JetEngine. Compradas avulsas, em dólar e por ano, as renovações somam um custo recorrente que pesa para quem mantém uma carteira de vários sites ativos. No plano PRO da FULL, por R$849, você ativa Elementor PRO, Crocoblock e mais de quinze plugins premium num clique, o que dá cerca de R$85 por site quando distribui o plano entre dez projetos. A gente vê no suporte da FULL que esse é o ponto de virada para agências: em vez de gerenciar chaves de licença soltas e datas de renovação espalhadas, o estúdio ativa o stack inteiro de filtragem dinâmica de uma vez, num painel só. Compare os planos em [FULL.services/planos](https://full.services/planos) antes de comprar a licença avulsa de cada plugin separado. --- ## Perguntas frequentes sobre filtros dinâmicos no Elementor
É possível criar filtros dinâmicos no Elementor sem saber programar?

Sim, é possível criar filtros dinâmicos no Elementor sem escrever código. O JetSmartFilters trabalha por arrastar e soltar: você adiciona o widget, escolhe o provider e seleciona Apply type AJAX, tudo na interface visual. A parte estrutural, como cadastrar uma taxonomia no JetEngine ou um campo no ACF PRO, também é feita por formulário. Programação só entra em casos avançados, como callbacks customizados de query.

Por que o filtro AJAX do Elementor fica lento em catálogos grandes?

O filtro AJAX fica lento em catálogos grandes quando o JetSmartFilters Indexer está desligado. Sem o indexer, cada interação recalcula a contagem de itens consultando o banco em tempo real, o que trava grades acima de 2.000 produtos. Ativar o Indexer pré-calcula quantos resultados cada opção retorna e derruba o tempo de resposta para menos de 1 s. Cache de página e PHP 8.2 ajudam a sustentar esse ganho.

Qual a diferença entre JetSmartFilters e o filtro nativo do WooCommerce?

A diferença é o alcance: o filtro nativo do WooCommerce só refina produtos por atributo e recarrega a página, enquanto o JetSmartFilters filtra qualquer query, inclusive posts, custom post types e o Loop Grid do Elementor PRO, com aplicação AJAX. O WooCommerce resolve uma loja simples; o JetSmartFilters cobre portais, diretórios e listagens dinâmicas que o filtro de loja nem enxerga.

Quanto custa criar filtros dinâmicos no Elementor com o Crocoblock?

O custo avulso soma Elementor PRO mais o pacote Crocoblock com JetSmartFilters e JetEngine, ambos em licença anual recorrente em dólar. No plano PRO da FULL, por R$849, esses plugins entram juntos em ativação de um clique, o que equivale a cerca de R$85 por site ao dividir o plano entre dez projetos. Para quem mantém vários sites, o bundle elimina a gestão de chaves soltas.

O que é o provider This widget no JetSmartFilters?

O provider é o campo "This filter for" que amarra cada widget de filtro à grade que ele deve controlar. Você escolhe a fonte, por exemplo JetEngine Listing Grid ou Elementor Loop Grid, e cola o Query ID daquela grade. Quando há mais de uma grade na página, o Query ID único garante que o filtro aja na listagem certa, e não na primeira que aparecer no código.

--- ## Próximos passos para listagens dinâmicas Com provider, Query ID e Apply type AJAX configurados, sua grade já filtra posts ou produtos em tempo real, sem recarregar a página. O caminho recomendado é começar com Checkboxes e Search numa Loop Grid de teste, ativar o Indexer e só então levar para o catálogo de produção. Para listagens mais complexas, o próximo passo é estudar [templates dinâmicos com Elementor e JetEngine](https://full.services/criar-templates-dinamicos-com-elementor-e-jetengine/) e a combinação [Crocoblock com Elementor PRO](https://full.services/crocoblock-com-elementor-pro-a-combinacao-definitiva/), que abre relacionamentos entre posts e filtragem por meta. Para continuar aprendendo, o FULL Academy reúne tutoriais, guias e reviews de Elementor em um só lugar, em [FULL.services/academy](https://full.services/academy/).

Legenda: o campo provider amarra o filtro Checkboxes à Loop Grid pelo Query ID, base de toda filtragem AJAX.

--- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "TechArticle", "@id": "https://full.services/filtros-dinamicos-elementor/#article", "headline": "Filtros dinâmicos no Elementor em 5 passos: Guia essencial", "description": "Os filtros dinâmicos no Elementor são controles de busca que refinam uma listagem de posts ou produtos em tempo real, sem trocar de página.", "url": "https://full.services/filtros-dinamicos-elementor/", "datePublished": "2026-06-27T09:00:00-03:00", "dateModified": "2026-06-27T09:00:00-03:00", "inLanguage": "pt-BR", "articleSection": "Elementor", "keywords": [ "filtros dinamicos no elementor", "Elementor", "WordPress Page Builders", "Web Design" ], "author": { "@id": "https://full.services/#person-clayton" }, "publisher": { "@id": "https://full.services/#org" }, "about": [ { "@type": "Thing", "name": "Elementor", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Thing", "name": "WordPress Page Builders" }, { "@type": "Thing", "name": "Web Design" } ], "mentions": [ { "@type": "Organization", "name": "Elementor", "url": "https://elementor.com/", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Organization", "name": "WordPress", "url": "https://wordpress.org/", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" } ], "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/filtros-dinamicos-elementor/" }, "wordCount": 2242, "citation": [ { "@type": "CreativeWork", "name": "W3Techs", "url": "https://w3techs.com/technologies/details/cm-elementor", "publisher": { "@type": "Organization", "name": "W3Techs" } }, { "@type": "CreativeWork", "name": "Crocoblock KB", "url": "https://crocoblock.com/knowledge-base/jetsmartfilters/jetsmartfilters-overview/", "publisher": { "@type": "Organization", "name": "Crocoblock KB" } } ] }, { "@type": "FAQPage", "@id": "https://full.services/filtros-dinamicos-elementor/#faq", "isPartOf": { "@id": "https://full.services/filtros-dinamicos-elementor/#article" }, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/filtros-dinamicos-elementor/#faq-q1", "name": "É possível criar filtros dinâmicos no Elementor sem saber programar?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, é possível criar filtros dinâmicos no Elementor sem escrever código. O JetSmartFilters trabalha por arrastar e soltar: você adiciona o widget, escolhe o provider e seleciona Apply type AJAX, tudo na interface visual. A parte estrutural, como cadastrar uma taxonomia no JetEngine ou um campo no ACF PRO, também é feita por formulário. Programação só entra em casos avançados, como callbacks customizados de query.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/filtros-dinamicos-elementor/#faq-q2", "name": "Por que o filtro AJAX do Elementor fica lento em catálogos grandes?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O filtro AJAX fica lento em catálogos grandes quando o JetSmartFilters Indexer está desligado. Sem o indexer, cada interação recalcula a contagem de itens consultando o banco em tempo real, o que trava grades acima de 2.000 produtos. Ativar o Indexer pré-calcula quantos resultados cada opção retorna e derruba o tempo de resposta para menos de 1 s. Cache de página e PHP 8.2 ajudam a sustentar esse ganho.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/filtros-dinamicos-elementor/#faq-q3", "name": "Qual a diferença entre JetSmartFilters e o filtro nativo do WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "A diferença é o alcance: o filtro nativo do WooCommerce só refina produtos por atributo e recarrega a página, enquanto o JetSmartFilters filtra qualquer query, inclusive posts, custom post types e o Loop Grid do Elementor PRO, com aplicação AJAX. O WooCommerce resolve uma loja simples; o JetSmartFilters cobre portais, diretórios e listagens dinâmicas que o filtro de loja nem enxerga.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/filtros-dinamicos-elementor/#faq-q4", "name": "Quanto custa criar filtros dinâmicos no Elementor com o Crocoblock?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O custo avulso soma Elementor PRO mais o pacote Crocoblock com JetSmartFilters e JetEngine, ambos em licença anual recorrente em dólar. No plano PRO da FULL, por R$849, esses plugins entram juntos em ativação de um clique, o que equivale a cerca de R$85 por site ao dividir o plano entre dez projetos. Para quem mantém vários sites, o bundle elimina a gestão de chaves soltas.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/filtros-dinamicos-elementor/#faq-q5", "name": "O que é o provider This widget no JetSmartFilters?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O provider é o campo "This filter for" que amarra cada widget de filtro à grade que ele deve controlar. Você escolhe a fonte, por exemplo JetEngine Listing Grid ou Elementor Loop Grid, e cola o Query ID daquela grade. Quando há mais de uma grade na página, o Query ID único garante que o filtro aja na listagem certa, e não na primeira que aparecer no código.", "author": { "@id": "https://full.services/#org" } } } ] }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://full.services/" }, { "@type": "ListItem", "position": 2, "name": "Elementor", "item": "https://full.services/elementor/" }, { "@type": "ListItem", "position": 3, "name": "Filtros dinâmicos no Elementor em 5 passos: Guia essencial", "item": "https://full.services/filtros-dinamicos-elementor/" } ] }, { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services", "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)", "Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)" ], "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "Person", "@id": "https://full.services/#person-clayton", "name": "Clayton Margiotti", "givenName": "Clayton", "familyName": "Margiotti", "jobTitle": "Fundador e CEO da FULL Services", "description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).", "url": "https://full.services/sobre-nos/", "image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg", "sameAs": [ "https://www.linkedin.com/in/cmargiotti/" ], "knowsAbout": [ "Artificial Intelligence", "Cybersecurity", "CVE Program", "WordPress Enterprise", "SaaS Platforms", "Digital Infrastructure", "Technology Entrepreneurship", "Company Building", "Business Leadership", "Digital Growth" ], "hasOccupation": { "@type": "Occupation", "name": "Fundador e CEO", "occupationalCategory": "11-1011.00" }, "knowsLanguage": [ { "@type": "Language", "name": "Portuguese", "alternateName": "pt-BR" }, { "@type": "Language", "name": "English", "alternateName": "en" } ], "memberOf": { "@type": "Organization", "name": "CVE Numbering Authorities", "url": "https://www.cve.org/", "sameAs": "https://www.cve.org/" }, "alumniOf": [ { "@type": "EducationalOrganization", "name": "Global Scaling Academy (Blitzscaling Program)", "url": "https://www.blitzscalingacademy.com" }, { "@type": "EducationalOrganization", "name": "Esade", "url": "https://www.esade.edu" }, { "@type": "EducationalOrganization", "name": "Business School Sao Paulo (BSP)", "url": "https://bsp.edu.br/" }, { "@type": "EducationalOrganization", "name": "Tera", "url": "https://somostera.com" }, { "@type": "EducationalOrganization", "name": "Le Wagon", "url": "https://www.lewagon.com" }, { "@type": "EducationalOrganization", "name": "FIAP", "url": "https://www.fiap.com.br" }, { "@type": "EducationalOrganization", "name": "PUCRS", "url": "https://online.pucrs.br/" } ], "award": [ "Digital Disruptor – Engaging Experiences Master (Globant, 2021)", "Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)", "1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)", "Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)", "Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)", "Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)", "Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)" ], "subjectOf": [ { "@type": "NewsArticle", "url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners", "publisher": { "@type": "Organization", "name": "Globant" } }, { "@type": "NewsArticle", "url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html", "publisher": { "@type": "Organization", "name": "PR Newswire" } }, { "@type": "NewsArticle", "url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas", "publisher": { "@type": "Organization", "name": "Segs" } }, { "@type": "NewsArticle", "url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao", "publisher": { "@type": "Organization", "name": "Franquia Educacional" } }, { "@type": "NewsArticle", "url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd", "publisher": { "@type": "Organization", "name": "Acontecendo Aqui" } } ], "worksFor": { "@type": "Organization", "@id": "https://full.services/#org" } }, { "@type": "HowTo", "@id": "https://full.services/filtros-dinamicos-elementor/#howto", "isPartOf": { "@id": "https://full.services/filtros-dinamicos-elementor/#article" }, "name": "Passo a passo: filtros dinamicos no elementor", "description": "Guia passo a passo sobre filtros dinamicos no elementor para WordPress.", "url": "https://full.services/filtros-dinamicos-elementor/", "totalTime": "PT30M", "author": { "@type": "Organization", "@id": "https://full.services/#org" }, "step": [ { "@type": "HowToStep", "position": 1, "name": "Passo 1: Crie a loop grid ou listing grid", "text": "Adicione um widget Loop Grid (Elementor PRO) ou Listing Grid (JetEngine) à página e selecione o template que repete por item. Defina o Query ID dessa grade em Layout > Query ID com um valor único, por exemplo `produtos-loja`. Esse identificador é o que o filtro vai procurar depois." }, { "@type": "HowToStep", "position": 2, "name": "Passo 2: Defina a fonte de dados", "text": "Estruture o que será filtrado. Cadastre uma taxonomia no JetEngine, um campo no ACF PRO ou use os atributos de produto do WooCommerce. Filtro sem dado estruturado por trás não tem o que refinar." }, { "@type": "HowToStep", "position": 3, "name": "Passo 3: Adicione o widget de filtro", "text": "Arraste o widget Checkboxes, Radio, Select, Range ou Search do JetSmartFilters para perto da grade. Cada tipo cobre um caso: Checkboxes para múltipla escolha, Range para preço, Search para texto livre." }, { "@type": "HowToStep", "position": 4, "name": "Passo 4: Aponte o provider para a grade", "text": "No campo "This filter for", escolha o provider da sua grade (JetEngine Listing Grid ou Elementor Loop Grid) e cole o mesmo Query ID do Passo 1. É essa amarração que diz ao filtro qual grade obedecer." }, { "@type": "HowToStep", "position": 5, "name": "Passo 5: Escolha o apply type AJAX", "text": "Em Apply type, selecione AJAX para aplicar a filtragem sem recarregar a página. As outras opções são Page Reload, que recarrega tudo, e Mixed, que mistura os dois comportamentos por filtro. --- O JetSmartFilters oferece pelo menos seis tipos de widget de filtro, e a escolha errada custa cliques: um Range em campo de texto devolve resultado vazio. Os tipos principais são Checkboxes para múltipla escolha por taxonomia, Radio para escolha única, Select como dropdown que economiza espaço, Range como slider numérico de preço, Search por texto livre e Date Range por intervalo de datas. Segundo a base de conhecimento da Crocoblock, cada widget traz o campo "This filter for" justamente para amarrar o filtro ao provider certo. A regra de campo da FULL é direta: use Checkboxes para categorias com até 15 opções, Select acima disso e Range só sobre custom fields numéricos. Combinar Search com Checkboxes cobre a maior parte das lojas e portais de conteúdo dinâmico, porque junta busca textual com refino por categoria na mesma grade. Errar" } ] } ] } ```