Como criar barras e gráficos no WordPress com o Visualizer

Deseja adicionar barras e gráficos ao seu site WordPress?

Ao adicionar recursos visuais, como gráficos, barras ou gráficos de pizza, você pode mostrar seus dados de uma forma visualmente atraente e fácil de entender para os usuários.

Neste artigo, mostraremos a você como criar facilmente barras e gráficos no WordPress com o Visualizer.

O problema com barras e gráficos no WordPress

Há muitos plug-ins para adicionar barras, tabelas e gráficos ao seu conteúdo. No entanto, a reclamação mais comum que ouvimos de nossos usuários é que esses plug-ins geralmente são muito complicados de usar.

Alguns desses plug-ins até esperam que os usuários adicionem dados dentro de um shortcode em formatos extremamente complicados.

Em vez de usar esses plug-ins, muitos usuários acabam criando gráficos em seus aplicativos de escritório e convertendo-os em uma imagem para seus sites do WordPress.

Isso pode funcionar se você estiver planejando nunca alterá-lo. No entanto, uma imagem não substitui um gráfico interativo em que dados úteis aparecem quando o usuário clica em uma determinada seção.

Uma solução ideal de tabelas e gráficos permitiria que você:

• Adicione dados de uma fonte de dados em seu computador ou na Web.
• Preencher tabelas, tortas, gráficos e barras usando seus dados.
• Crie gráficos bonitos, interativos, coloridos e compatíveis com dispositivos móveis.
• Mais importante ainda, ele deve permitir que você atualize os dados sempre que desejar.

Adicionar um gráfico com o Visualizer o ajudará a melhorar o SEO do seu site, aumentar o envolvimento do usuário e até mesmo facilitar a compreensão dos dados.

Dito isso, vamos ver como adicionar facilmente barras e gráficos ao seu site WordPress.

Como criar barras e gráficos no WordPress com o Visualizer

Você pode criar facilmente barras e gráficos com o WordPress usando o plugin Visualizer. É o melhor plugin de visualização de dados do WordPress no mercado que permite criar visualizações de dados interativas para o seu site.

Ele ainda tem um plano gratuito que você pode usar para criar barras e gráficos.

Primeiro, você precisa instalar e ativar o plug-in Visualizer: Tables and Charts Manager for WordPress. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: este tutorial usará a versão gratuita do plug-in. Se você quiser desbloquear os recursos profissionais, poderá comprar um plano pago.

Após a ativação, você deve acessar a página Visualizer ” Add New Chart (Visualizador ” Adicionar novo gráfico ) no painel do WordPress.

Uma vez lá, escolha o tipo de gráfico que deseja criar, como um gráfico de tabela, pizza, linha ou barra. Em seguida, clique no botão “Next” (Avançar).

Isso o levará à próxima etapa, na qual você deverá clicar no botão “Choose File” (Escolher arquivo) para importar os dados da planilha do Excel do computador.

Se você salvou sua planilha do Excel ou do Google como um arquivo CSV, poderá importá-la expandindo a guia “Import data from URL” (Importar dados do URL).

Depois de fazer isso, clique no botão “Import from CSV” (Importar de CSV). Em seguida, você pode inserir o URL do arquivo CSV para incorporar o arquivo.

Lembre-se de que seu arquivo CSV deve ter nomes de coluna na primeira linha e tipo de dados na segunda linha. O plug-in é compatível com os seguintes tipos de dados: cadeia de caracteres, número, booleano, data, data/hora e hora do dia.

Dê uma olhada neste arquivo de exemplo que criamos no Google Sheets.

Se você estiver criando um arquivo CSV usando um editor de texto, dê uma olhada neste exemplo de arquivo CSV:

Atividades diárias, tempo
string,numbers
Work,8
Sleep,7
Eat,3
Watch TV,2
Commute,1


No entanto, se você tiver os dados do gráfico salvos como uma planilha no Google Drive, poderá adicioná-los ao gráfico sem exportá-los.

Primeiro, abra seu arquivo de dados no Google Spreadsheets e, em seguida, clique no link Arquivo ” Compartilhar ” Publicar na Web.

Isso abrirá uma janela pop-up na qual você deverá escolher como publicar esse documento.

Basta selecionar a opção Comma Separated Values (.csv) no menu suspenso e clicar no botão “Publish” (Publicar).

Agora você verá o URL disponível publicamente da sua planilha como um arquivo CSV. Você precisa copiar esse URL e voltar ao gráfico do Visualizer.

Você terá que adicionar esse URL no campo “Import from CSV”.

Quando você inserir o URL, o plug-in buscará o arquivo CSV e mostrará uma visualização ao vivo do gráfico.

Agora, você pode alternar para a guia “Settings” (Configurações) na parte superior para definir as configurações gerais, como estilos de fonte, formato de número, tamanho e posicionamento, configurações de tamanho e muito mais.

Quando terminar, clique no botão “Create” (Criar) na parte inferior do prompt.

Adição de um gráfico em posts/páginas do WordPress

Adicionar um gráfico às suas postagens e páginas do WordPress é tão simples quanto adicionar imagens.

Primeiro, abra uma página/post novo ou antigo onde deseja adicionar o gráfico de pizza. Quando estiver lá, clique no botão “Add Block” (+) no canto superior esquerdo da tela.

Isso abrirá o menu de blocos, no qual você deverá localizar e adicionar o bloco Visualizer Chart.

Depois de fazer isso, clique no botão “Display an Existing Chart” (Exibir um gráfico existente) no próprio bloco.

Isso abrirá um novo prompt no bloco em que você deverá selecionar o gráfico de pizza que acabou de criar.

Por fim, clique no botão “Publicar” ou “Atualizar” para armazenar suas configurações.

Agora, você pode visitar seu site do WordPress para ver o gráfico de pizza em ação.

Editando seus gráficos do Visualizer no WordPress

Você pode editar e alterar seus gráficos a qualquer momento. Basta acessar a página Visualizer ” Chart Library no painel do WordPress.

A partir daí, você pode clonar um gráfico, excluí-lo ou editar suas configurações visuais usando os ícones abaixo do nome do gráfico.

A atualização dos dados de um gráfico existente sem alterar o gráfico também é bastante fácil com o Visualizer.

Se você adicionou dados de uma planilha do Google, tudo o que precisa fazer é atualizar os dados na planilha, acessar a opção Arquivo ” Compartilhar ” Publicar na Web e republicar a planilha.

Suas alterações serão automaticamente refletidas no gráfico.

Por outro lado, se você tiver carregado um arquivo CSV, precisará atualizar o arquivo CSV no seu computador. Depois disso, selecione o gráfico que deseja atualizar e clique no link de edição abaixo do gráfico.

Na seção “Import CSV file” (Importar arquivo CSV), basta carregar o novo arquivo CSV. As alterações nos dados serão automaticamente refletidas nos posts ou páginas em que você inseriu o gráfico.

Esperamos que este artigo tenha ajudado você a adicionar barras e gráficos ao seu site WordPress. Talvez você também queira ver nosso guia para iniciantes sobre como personalizar cores em seu site WordPress e nossas escolhas de especialistas para os plug-ins obrigatórios do WordPress para sites de negócios.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.