Como criar gráficos no WordPress (3 etapas simples)

Publicados: 2024-01-10

Quer fazer tabelas e gráficos em WordPress? Este post vai mostrar como criar gráficos no WordPress e exibi-los em seu site!

Tempo aproximado de leitura : 4 minutos

Você está trabalhando em um site WordPress que realmente precisa fazer alguns dados brilharem?

Adicionar um gráfico ou gráfico dinâmico é uma ótima maneira de chamar a atenção dos visitantes e, ao mesmo tempo, obter algumas estatísticas.

Obtenha formulários melhores GRATUITAMENTE!

Mas é difícil fazer um gráfico para WordPress, certo? Na verdade, é muito mais fácil do que você imagina, especialmente se você usar o plugin certo.

Neste post, abordaremos rapidamente o que procuramos em um bom plugin de gráfico. A seguir, mostraremos exatamente como criamos gráficos para WordPress sem escrever uma única linha de código!

Obtenha Formulários Formidáveis agora!

Use um plugin de tabelas e gráficos do WordPress

Claro, os gráficos parecem simples à primeira vista. Mas nos bastidores, eles podem ser complicados de codificar.

Em vez de passar horas aprendendo como fazer um gráfico interativo do zero, reserve dois minutos para instalar um plugin que pode cuidar das tarefas difíceis para você!

Um bom plugin de gráfico para WordPress oferece:

Facilidade de uso: com apenas alguns cliques, seus dados são transformados em recursos visuais atraentes.
Vários tipos de gráfico: gráfico de pizza, dispersão, gráfico de bolhas... você escolhe! Você pode mudar isso em um segundo.
Atualizações frequentes: seus gráficos continuarão com boa aparência ano após ano.
E mais tempo para fazer o que você ama!

Então, qual plugin é o melhor para fazer gráficos no WordPress? A resposta é Formas Formidáveis !

É isso mesmo, o melhor construtor de formulários WordPress também é o melhor plugin de gráficos WordPress. É um verdadeiro canivete suíço para o seu site.

Agora vamos ver como é fácil criar gráficos para WordPress com Formidable Forms.

Como criar gráficos para WordPress

Etapa 1: Instale o plugin de gráfico Formidable Forms
Etapa 2: adicione o bloco Formidable Chart à sua página
Etapa 3: edite seu gráfico no WordPress

Para seguir este tutorial passo a passo, você precisará do plugin Formidable Forms WordPress. O complemento de gráficos e tabelas está incluído no plano Plus do Formidable e superior.

Se você ainda não tem, basta clicar abaixo para adquirir sua licença!

Planos profissionais do Formidable Forms

Uma vez que você instalado e ativado Formidável, podemos começar a fazer nosso gráfico!

Para o exemplo de hoje, usaremos nosso principal blog de observação de pássaros, Here Birdie Birdie .

Em nosso site, construímos um formulário para os visitantes relatarem as aves que avistam. O site então publica automaticamente cada entrada como uma postagem de blog. Legal certo?

Embora isso funcione muito bem para compartilhar detalhes, muitos visitantes perguntaram quais pássaros são mais vistos.

Em vez de lutar com arquivos CSV e Planilhas Google para fazer contas e criar imagens, tabelas ou gráficos ‍, vamos adicionar um gráfico responsivo ao nosso site para mostrar o número de avistamentos de cada tipo de ave.

Etapa 1: Instale o plugin de gráfico Formidable Forms

No administrador do WordPress, navegue até Formidable → Add-Ons . Procure o complemento Charts e clique no botão azul para instalar e ativá -lo.

Ótimo, agora vamos à diversão!

Etapa 2: adicione o bloco Formidable Chart à sua página

A seguir, vamos criar a página/post WordPress onde queremos inserir nosso gráfico. Para o nosso exemplo, criaremos uma nova página chamada "Estatísticas de Observação de Aves".

No editor Gutenberg, clique no botão ícone para adicionar um novo bloco. Em seguida, pesquise “Formidable” e insira o bloco Formidable Chart .

Como adicionar um gráfico ao WordPress com o bloco Gráfico do Formidable Forms

Na barra lateral direita, selecione o formulário a ser usado como fonte de dados. Devemos agora ver alguns dados!

Selecione um formulário como fonte de dados do gráfico

Não vê o seletor de fonte de dados? Pode ser necessário abrir a barra lateral clicando no botão no canto superior direito do editor do WordPress.

Etapa 3: edite seu gráfico no WordPress

Achamos que um gráfico de colunas (também conhecido como gráfico de barras) funcionaria melhor para mostrar quantas vezes um tipo de ave foi visto. E para nossa sorte, esse é o tipo de gráfico padrão!

A próxima etapa na criação de nosso gráfico de colunas/gráfico de barras é especificar as fontes de dados dos eixos x e y aqui na barra lateral.

Neste caso, definiremos o eixo x como “Tipo de pássaro” e o eixo y como “O número de entradas”.

Não é ruim, mas poderia parecer melhor...

Estilize seu gráfico ou gráfico no WordPress

Vamos mudar as cores do nosso gráfico para deixar as coisas um pouco mais chamativas.

Para fazer isso, vá até a barra lateral direita. Em Aparência , selecione as cores desejadas.

Agora esse gráfico certamente chamará a atenção de um observador de pássaros!

Exemplo de gráfico de barras para WordPress

Mas nosso gráfico ainda poderia ser melhor, não acham?

Alterar o tipo de gráfico

Em vez de um gráfico de colunas, um gráfico de pizza pode ser a melhor maneira de visualizar nossos dados.

Então, como podemos inserir um gráfico de pizza no WordPress?

Iremos para a barra lateral direita e alteraremos o Type de Column para Pie . Sim, Formidable Forms também funciona como um plugin de gráfico de pizza!

E lá vamos nós! Agora temos um gráfico de pizza no WordPress que mostra a porcentagem de cada resposta que recebemos em nosso formulário!

Para o toque final, vamos apenas alternar o botão Legenda na barra lateral para deixar as coisas ainda mais claras.

Só falta publicar nossa página. Agora temos um gráfico de pizza em nosso site WordPress que será atualizado em tempo real quando alguém enviar nosso formulário! Linda mosca! (Lamentamos 99% por essa piada).

Não quer uma coluna ou gráfico de pizza? Sem problemas! O bloco Gráfico do Formidable permite alternar entre todos os tipos de gráficos e tabelas com um único clique:

Gráfico de pizza
Gráfico de barras (gráfico de barras)
Gráfico de linhas (gráfico de linhas)
Gráfico de dispersão
Gráfico de área
Gráfico escalonado
Mapa

E Formidable não para na construção de formulários e gráficos para WordPress. O plugin premium também vem com:

Tabelas e gráficos responsivos para qualquer tema (incluindo Elementor)
Integração WooCommerce
Gateways de pagamento
Construtor de aplicativos WordPress
E muito mais

Um plugin que faz tudo isso? Impressionante!

Pronto para criar gráficos para WordPress?

Não deixe que os gráficos do WordPress o irritem. Em vez disso, basta instalar o Formidable Forms e usar seus poderosos recursos de visualização de dados!

Portanto, esqueça de procurar um gráfico ou plug-in de gráfico separado. Você só precisa de um ótimo criador de formulários WordPress para criar gráficos no WordPress.