Como exibir envios de formulários consultados em uma grade de listagem

Definir consulta de registros JetFormBuilder

Vá para a guia JetEngine> Query Builder no painel do WordPress e clique no botão “Adicionar novo” .

Insira o nome da consulta e selecione o tipo de consulta “JetFormBuilder Records” .

tipo de consulta de registros jetformbuilder

Na guia Consulta de registros do JetFormBuilder , existem as seguintes configurações:

  • Forma. Selecione um ou vários JetForms com os registros que deseja exibir. Lembre-se que os formulários escolhidos deverão possuir a ação Armazenar Registro de Formulário ;
  • Do utilizador. Insira o ID do usuário para o qual deseja exibir os registros do formulário. Esteja ciente de que você pode inserir apenas um ID de usuário para uma consulta. Se você deixar este campo vazio, a listagem exibirá os registros do formulário de todos os usuários. Você também pode clicar no gatilho de macros e escolher a macro “ID do usuário atual” para exibir os registros do usuário atual ou a macro “ID do usuário consultado” para exibir os registros do usuário consultado nas páginas do Profile Builder ;
  • Status. Escolha o status de envio “Qualquer”, “Sucesso” ou “Falha”;
  • Consulta de data. Aqui você pode limitar o resultado da consulta a um período de tempo específico. Escolha a opção “Antes da data”, “Depois da data” ou “Entre datas”. No campo Data inicial exibido , você pode definir a data exata ou uma sequência legível como “hoje”, “hoje – 7 dias” etc.

jetformbuilder registra configurações de consulta

Na aba Consulta por Valores de Campos , se você clicar no botão “Adicionar Novo” , você verá as seguintes configurações:

  • Campo do formulário . Digite o nome do campo necessário (não confunda com o rótulo do campo);
  • Comparar . Aqui você pode escolher como os valores serão comparados:
    • Igual – exibe itens com valor igual;
    • Diferente – mostra itens que não possuem valor igual;
    • Maior que – mostra itens que possuem um valor maior. Funciona apenas com valores numéricos;
    • Maior ou igual – exibe itens que possuem valor maior ou igual. Também funciona apenas para valores numéricos;
    • Menor que – mostra itens de menor valor. Somente para valores numéricos;
    • Menor ou igual – exibe itens que possuem valor numérico menor ou igual;
    • Curtir – mostra os itens que possuem o valor que você definiu no campo Valor mencionado no conteúdo;
    • Não gosto – exibe apenas os itens que não possuem o valor que você definiu no campo Valor mencionado no conteúdo;
    • Na lista – após adicionar vários valores ao campo Valor , mostra os itens que possuem pelo menos um deles em seu conteúdo;
    • Não está na lista – exibe itens que possuem quaisquer valores, exceto aqueles que você digitou no campo Valor ;
    • Entre – exibe itens que contém o valor entre dois, que são definidos no campo  Valor ;
    • Não entre – mostra todos os itens exceto aqueles que contêm um valor que corresponda ao intervalo definido;
    • Existir – mostra todos os itens que contêm a Chave. Você não precisa definir o Valor neste caso;
    • Não existe – exibe todos os itens que não contêm a Chave. Você também não precisa definir o valor ;
    • Regexp – exibe itens cuja expressão regular corresponde aos valores do campo;
    • Não regexp – exibe itens cuja expressão regular não corresponde aos valores do campo;
  • Valor . O valor definido aqui será comparado ao valor do campo;
  • Tipo . Este menu suspenso permite especificar que tipo de dados são armazenados no campo escolhido:
    • Char – dados alfabéticos que não diferenciam maiúsculas de minúsculas;
    • Numérico – apenas números inteiros;
    • Data – valores de data;
    • Datahora – data e hora;
    • Decimal – dados numéricos fracionários;
    • Tempo – valores de tempo;
    • Binário – dados sensíveis a maiúsculas e minúsculas;
    • Assinado – números inteiros, tanto positivos quanto negativos;
    • Sem sinal – números inteiros, apenas positivos.

consultar campos por valores

  • Limite de exibição/por página. Aqui você pode definir quantos itens serão mostrados na Grade de Listagem simultaneamente. Se você adicionar JetSmartFilters Pagination , esse recurso especificará o número de itens em uma página;
  • Desvio. Digite o número dos primeiros itens que você gostaria de pular desde o início. Esteja ciente de que esta opção não funciona se o campo Mostrar/Limite por página estiver vazio.

limite por página e configurações de deslocamento

Ao terminar de personalizar, clique no botão “Adicionar/Atualizar Consulta” .

Criar modelo de listagem

Vá para JetEngine> Listagens e pressione o botão “Adicionar Novo” .

No pop-up exibido, selecione a fonte de listagem “Query Builder” , o nome da consulta recentemente criada , insira o nome do item da listagem e escolha a visualização de listagem “Elementor” ou “Blocks (Gutenberg)” . Clique no botão “Criar item de listagem” .

pop-up de item de listagem de configuração

Exibindo informações gerais de registro de formulário com Campo Dinâmico

Colocando o widget ou bloco Campo Dinâmico , você pode exibir as informações do registro do formulário. Selecione a fonte “Post/Term/User/Object Data” e selecione a opção necessária na seção JetFormBuilder no menu suspenso Object Field .

configurações de widget de campo dinâmico no Elementor

As configurações idênticas estão no bloco Dynamic Field .

configurações de campo dinâmico no editor de bloco

Exibindo valores de campos de formulário com campo dinâmico

Se você selecionar a opção “Campos de formulário” no menu suspenso Campo de objeto , poderá exibir o valor do campo especificado.

Habilite a saída do campo Filter e selecione o retorno de chamada “Get child element from object/array” . No campo Nome do item filho , insira o nome do campo do formulário (não confunda com o rótulo do campo).

campos de formulário campo de objeto

Se você selecionar o retorno de chamada “Vários valores de campo de seleção” , você exibirá todos os valores dos campos do formulário.

Aviso

Tenha cuidado com essa configuração, pois você pode sobrecarregar o site, principalmente se tiver vários campos nos formulários. Recomendamos exibir um valor de campo de formulário com um widget ou bloco de campo dinâmico conforme descrito acima.

todos os valores dos campos do formulário exibidos

Exibindo valores de campos de formulário com tag dinâmica

Você também pode exibir os valores do formulário, arrastando e soltando o widget Título ou Editor de Texto e clicando no botão “Tag Dinâmica” .

botão de tag dinâmica no elementor

Selecione a tag dinâmica “JetFormBuilder Record Field” e insira o nome do campo necessário .

tag dinâmica do campo de registro do jetformbuilder

Se você trabalha no editor de blocos, coloque o bloco Título , pressione o botão “Conteúdo Dinâmico” e clique em “Conteúdo”. Na guia Fonte de dados, escolha a fonte “Dados personalizados”, escolha “Campo de registro JetFormBuilder” em Selecionar dados para mostrar e insira o nome do campo necessário .

botão de conteúdo dinâmico no editor de bloco

Ao terminar de personalizar o modelo de listagem, pressione o botão “Publicar/Atualizar” .

Colocar grade de listagem na página

Vá para a página onde deseja exibir os envios de formulários e clique para editá-la no editor Gutenberg ou Elementor.

Coloque o widget ou bloco Listing Grid e selecione a listagem necessária no menu suspenso.

Quando terminar, clique no botão “Publicar/Atualizar” .

grade de listagem com registros de formulário enviados

Por fim, vá para a página inicial e dê uma olhada.

registros de formulário enviados no front-end

Isso é tudo. Agora você sabe como criar uma consulta para os registros de envio de formulários JetFormBuilder e exibi-los no front end com a ajuda do plugin JetEngine .

Índice