Como criar resultados de filtros predefinidos com Dynamic Tag

Resultados de filtros predefinidos

Vá para o construtor de páginas Elementor para adicionar o filtro e o widget Listing Grid à página do site.

No nosso caso, colocamos o widget Filtro de caixas de seleção no editor de páginas. 

Escolha o filtro desejado no campo Selecionar filtro e defina seu provedor no campo Este filtro para .

Selecionamos a opção “JetEngine” no caso atual, referente ao Listing Grid .

Aviso

O recurso descrito funciona apenas com as opções “Misto” e “Recarga de página” escolhidas no campo Aplicar tipo .

Se desejar, trabalhe em outras configurações e clique no botão “ Publicar/Atualizar ” para salvar as alterações.

caixas de seleção filtram configurações no elementorAbra a página onde deseja colocar um widget para trabalhar com tags dinâmicas.

Selecione um widget que irá desencadear o surgimento de uma página. Por exemplo, adicionaremos um Button .

Aviso

Este recurso aparece nos widgets que funcionam com links — por exemplo, Botão ou Banner, etc.

Na aba Geral , deixe a opção “Padrão” como Tipo e altere um Texto no botão se necessário.

Vá até o link e pressione o botão “ Tags dinâmicas ” próximo ao campo.

campo de link com botão de tags dinâmicasSelecione a opção “URL com valor filtrado” na lista suspensa. A guia Configurações será aberta agora.

url com configurações filtradas

  • URL base — cole a URL da página onde está colocado o filtro e seu provedor;
  • Este filtro para — selecione o provedor ao qual o filtro é aplicado;
  • Filtro — escolha um filtro que você colocou na página;
  • Valor — digite um valor de opção que deseja marcar no filtro. No caso descrito, utilizamos o número ID da opção que queremos marcar, pois o filtro Fonte de Dados foi selecionado como “Taxonomia”;
  • ID da consulta – cole o valor do ID da consulta que você pode ter usado no filtro.
Aviso

Você pode marcar diversas opções no filtro. Para isso, separe os valores por vírgulas e sem espaços. Consideraremos esse caso um pouco mais adiante neste artigo.

Deixe os campos da guia Avançado inalterados e trabalhe em outras configurações, se desejar.

Clique no botão “ Publicar/Atualizar ” e veja os resultados.

url com valor filtrado avançadoConforme a página abre, você pode clicar no botão recém-criado.

botão de redirecionamento no front-endAssim que o botão é clicado, ele redireciona o usuário para a página com os resultados do filtro predefinidos.

filtro predefinido no front-end

Resultados de filtro predefinidos com diversas opções

Por exemplo, vamos colocar mais um botão que levará a outro filtro do tipo Checkboxes . Mas, desta vez, diversas opções estarão marcadas.

Completamos o campo Valor com as opções separadas por vírgulas e sem espaços adicionais. Desta vez colocamos valores literais enquanto trabalhamos com a fonte de dados “Campos personalizados” do filtro.

Nosso exemplo de valor se parece com “refeições, transporte, acomodação”.

Todas as outras configurações são ajustadas ao filtro que criamos anteriormente. Então, apertamos o botão “ Atualizar ” para salvar o resultado.

url com configurações de valor filtrado com diversas opçõesAgora os botões estão localizados em uma página. Vamos pressionar o segundo botão.

botões redirecionando para filtros no front endSe tudo estiver bem ajustado, o botão redireciona para a página com os resultados do filtro predefinidos. Como você pode ver, várias opções estão selecionadas agora.

filtro predefinido com diversas opções no front end

Assim, com a tag dinâmica “URL com valor filtrado”, não há necessidade de selecionar opções novamente. Agora você sabe como mostrar os resultados predefinidos do filtro WordPress com o plugin JetSmartFilters .

Índice