Como criar uma tabela de pesquisa com wpDataTables e Forminator
Usar formulários de usuário e pesquisas é uma atividade diária para alguns de nós. O problema com essas pesquisas é que elas são um pouco sem vida e você não pode realmente usá-las de maneira visual.
Ou você pode?
Na verdade, sim, sim, você pode.
Se não ficou óbvio o suficiente na introdução e talvez no título, mostraremos não apenas que é possível criar uma tabela de pesquisa, mas também como fazê-lo.
Primeiras coisas primeiro
Vamos começar do começo.
Primeiro, para criar uma tabela de pesquisa, você precisará de uma fonte de dados que contenha dados de formulário. Em nosso exemplo, usaremos o plugin Forminator WordPress para criar um formulário de pesquisa. É muito fácil de usar, então vamos pular esta parte.
Vamos para a parte de tornar os dados do formulário visualmente atraentes. Para essa tarefa específica, usaremos o complemento de integração gratuito do Forminator que o wpDataTables possui.
Você conseguiu no wordpress.org?
Excelente. Vamos continuar.
Obviamente, você também precisará do wpDataTables, seja em sua versão gratuita ou premium. Eu recomendo que você use a versão premium. O grande número de recursos que você tem na versão completa é algo que você absolutamente precisa se estiver trabalhando com dados.
E você também precisará da versão gratuita ou pro que o Forminator possui.
Vamos começar a criar
A primeira etapa do processo envolve a criação de um formulário de pesquisa com o plugin Forminator. Neste exemplo, criaremos uma "Pesquisa de satisfação do cliente", algo que você provavelmente já fez no passado.
Este processo é extremamente fácil graças ao assistente do Forminator. Mais informações sobre isso estão em seus documentos.
Você também fez isso? Bom! Agora vamos publicar seu formulário em sua página ou post para que você possa coletar dados de seus usuários. Você vai precisar disso.
Digamos que você realmente fez isso agora enquanto lia estas linhas e já recebeu algumas entradas úteis.
Em seguida, vá para wpDataTables -> Create a Table, e escolha a opção “Create a table linked to an existing data source" e clique em “Next”.
Em seguida, escolha “Forminator Form” como o tipo de fonte de dados de entrada. Depois de escolher “Forminator Form” como tipo de mesa, uma nova caixa de seleção “Choose a Forminator Form” aparecerá. Com esta caixa de seleção, você pode escolher um formulário de pesquisa que já foi criado com o plug-in Forminator.
Após esta etapa, você verá uma caixa de seleção “Escolher campos para mostrar como colunas” que permite escolher os campos do formulário de pesquisa que você usará como colunas. Escolheremos todos os campos do formulário e dos campos comuns apenas a data de entrada (você pode escolher todos eles se precisar).
Após clicar no botão “Salvar alterações”, uma tabela é criada.
Tada!
Agora você tem uma tabela de pesquisa em seu site WordPress. E nem foi difícil criar um.
Como na maioria dos formulários de pesquisa, as perguntas podem ser muito longas, convém ajustar a largura da coluna alterando a entrada "Exibir cabeçalhos" na guia Exibir nas configurações da coluna.
Alternativamente, você pode ajustar a tabela inteira definindo “Limit table width” e “Word wrap option”. Se você gosta de mais, você pode definir o recurso Scrollable ou Responsive em desktops.
Para as principais perguntas (colunas) você pode definir diferentes tipos de filtro (Filtragem avançada) e no nosso caso vamos defini-lo como um tipo de filtro Select-box e ativar a opção "Filtros no formulário" na guia Ordenação e Filtragem no configurações da tabela para mostrar os filtros acima da tabela.
Se você precisar de personalização adicional de tabelas, há muitas opções em
- a guia Personalizar
- Guia de exibição, guia de classificação e filtragem
- Ferramentas de tabela (exportar dados da tabela)
- Espaços reservados (filtragem dinâmica de tabelas)
- Configurações do formador (opções de filtragem adicionais) nas configurações da tabela.
Uma explicação detalhada de tudo isso pode ser encontrada em forma de tutorial em texto e vídeo em nossos documentos.
Se você precisar destacar ou alterar as células, linhas ou até mesmo as colunas com base no conteúdo das células, isso pode ser feito com muita facilidade com a formatação condicional.
Agora você precisará adicionar uma tabela em sua página ou post e pronto.
E em alguns passos rápidos, você conseguiu apresentar lindamente uma mesa de pesquisa na frente para as pessoas verem.
Onde você pode usar isso?
- Diretórios Públicos – O formulário do Forminator coleta seus dados e os exibe em uma tabela classificável e pesquisável, graças ao complemento wpDataTables.
- Dashboards de dados – Semelhante aos diretórios públicos, isso pode ter diferentes gráficos e tabelas gerados a partir de suas entradas de formulário.
- Quadro de Liderança do Questionário – Crie um questionário e mostre os resultados para todos que o fizeram.
- Enquetes – Quer que os dados das enquetes sejam exibidos como um gráfico? Este é o caminho
O que mais o wpDataTables pode fazer?
Se você trabalha com tabelas, aqui estão alguns motivos pelos quais uma licença wpDataTables atenderá às suas necessidades.
- Facilita o trabalho com tabelas e gráficos.
- wpDataTables é um plug-in de tabela WordPress mais vendido globalmente com atualizações lançadas com frequência e excelente suporte ao cliente.
- Já mais de 40.000 empresas e indivíduos satisfeitos estão usando wpDataTables.
- É usado em aplicações financeiras, científicas, estatísticas, comerciais e outras aplicações de gerenciamento de dados.
Com ele, você pode criar tabelas e gráficos responsivos do WordPress
As tabelas criadas com o plugin wpDataTables são intrínsecas e totalmente responsivas. Não há restrição quando se trata de plataformas ou tipos de dispositivos.
Você pode criar tabelas grandes
Mesas grandes não são um problema. wpDataTables lida com tabelas com milhões de linhas de forma rápida e confiável. O servidor MySQL processa todas as operações.
Filtros avançados e opções de pesquisa
Filtros individuais para seu conjunto de dados podem ser desenvolvidos. Isso é muito útil para restringir os dados em uma tabela do WordPress.
Editabilidade
wpDataTables tem a opção de torná-lo editável. O conteúdo das tabelas do WordPress pode, portanto, ser editado inline ou em um formulário gerado.
Destaque de célula
Nosso plugin de tabelas do WordPress tem uma funcionalidade semelhante à Formatação Condicional no Excel. Dependendo do conteúdo, você pode destacar colunas, linhas ou células individuais.
Muitas opções de gráficos
Os dados nas tabelas do WordPress podem ser usados para gerar gráficos do WordPress. Três poderosos motores são usados para gerar esses gráficos, que são atualizados em tempo real.
O que o Forminator pode fazer por você
Seus desenvolvedores não o chamam de plugin típico de criação de formulários, e é verdade, não é. O Forminator é um construtor de formulários muito fácil de usar para qualquer site que você tenha.
Entre suas características mais destacadas, temos:
- Você pode aceitar pagamentos com integrações Stripe e PayPal
- Você pode criar formulários personalizados de registro e login de usuário (com suporte Multisite)
- Você tem formulários avançados com assinatura eletrônica, cálculos, lógica condicional, pré-preenchimento dinâmico e opções de várias etapas
- Ele permite que você gere mais engajamento com questionários e enquetes interativos
- Possui proteção contra spam com Honeypot, Akismet e Google ReCAPTCHA
- Você recebe notificações ilimitadas com roteamento de e-mail e e-mails condicionais
- Possui gerenciamento integrado de envios com exportação programada
Aqui está um vídeo detalhado mostrando como usá-lo:
Se você gostou de ler este artigo sobre como criar uma tabela de pesquisa com wpDataTables e Forminator, você deve conferir este artigo sobre plugins geradores de tabelas do WordPress .
Também escrevemos sobre alguns assuntos relacionados, como alternativas de DataTables, bibliotecas de tabelas JavaScript, plugins de tabela WordPress, como criar uma tabela no WordPress sem um plugin e plugins de tabela de preços do WordPress .