Como adicionar um campo filtrável a um formulário para uso interno

Introdução

Gostaria de adicionar um campo filtrável ao seu formulário que seja apenas para uso interno? Ser capaz de filtrar rápida e facilmente as suas entradas pode poupar muito tempo, mas pode não querer que este campo seja apresentado no seu formulário. Neste tutorial, vamos mostrar-lhe exatamente como é fácil conseguir isto.

No nosso exemplo, vamos criar um formulário de geração de leads. Depois de o número de telefone ter sido verificado, queremos poder adicionar um sinalizador à entrada para que possa ser filtrado dos relatórios mais tarde.

Criar o formulário de geração de leads

O nosso primeiro passo será criar o nosso formulário e adicionar os nossos campos relevantes a este formulário para os nossos utilizadores preencherem.

No entanto, também queremos adicionar um campo no qual poderemos colocar a nossa bandeira mais tarde, se o número de telefone tiver sido verificado. Para isso, vamos adicionar um campo de formulário de texto de linha única.

Adicione um campo de texto ao seu formulário que pode utilizar mais tarde para filtrar os seus resultados

Se precisar de ajuda para criar o seu formulário, consulte esta documentação.

Adicionar uma classe CSS ao campo filtrável

Como queremos que este campo seja apenas interno e não queremos que seja apresentado no formulário aos nossos visitantes, vamos adicionar uma classe CSS a este campo que podemos utilizar para o ocultar com CSS numa etapa posterior.

Para adicionar uma classe CSS ao campo, abra a janela Avançado do campo a partir do construtor de formulários e adicionar wpforms-field-hidden para o Classes CSS.

Adicione a sua classe CSS ao campo do formulário para podermos ocultar este campo do nosso formulário

Este nome de classe CSS é uma classe padrão no WPForms, o CSS já está no lugar. Uma vez adicionada a classe, o CSS para display:none; no campo será aplicado automaticamente.

Quando os nossos utilizadores visitarem o sítio, não poderão ver o campo filtrável de utilização interna.

O campo não será apresentado a nenhum visitante quando este preencher o formulário

Criar a vista de colunas

Nesta etapa, vamos alterar a vista de colunas do nosso ecrã de entrada. Para mais informações sobre como o fazer, consulte esta documentação.

Queremos que o nosso campo interno apareça quando se visualiza o ecrã de entrada.

alterar a visualização da coluna para que possa ver o seu campo interno ao visualizar a lista de entradas

Agora, quando visualizar o ecrã de entradas, verá todas as suas entradas para este formulário, incluindo o campo interno que foi adicionado acima.

agora pode ver o seu campo interno quando a página de entradas é carregada para este formulário

Filtrar as entradas

Agora, quando estiver no ecrã " Entradas " do seu formulário, pode filtrar facilmente estas entradas.

Agora já forneceu com êxito um campo interno filtrável ao seu formulário.

Para mais informações sobre a procura e filtragem de entradas, pode consultar esta documentação.

Também gostaria de usar CSS para alterar a cor do seu botão de envio? Vá para o nosso tutorial sobre Como alterar a cor do botão Enviar.