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

A criação de barras, gráficos e tabelas de pizza em seu site WordPress pode aprimorar seu conteúdo, tornando os dados mais acessíveis. Isso ajuda a apresentar as informações de uma forma visualmente atraente e fácil para os usuários entenderem.

A boa notícia é que você não precisa de nenhuma experiência técnica para fazer isso. Você pode usar um plug-in como o Visualizer. Nós mesmos testamos essa ferramenta e adoramos o fato de ela ter facilitado o processo.

Com o Visualizer, você pode criar barras e gráficos impressionantes e personalizados, extraindo facilmente dados de várias fontes. Dessa forma, você pode aprimorar seu conteúdo e a experiência geral do usuário.

Neste artigo, mostraremos a você como criar 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ê planeja nunca alterá-lo. No entanto, uma imagem não substitui um gráfico interativo no qual 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 aumentar o envolvimento do usuário e até mesmo a 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.

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 colunas na primeira linha e tipos de dados na segunda linha. O plug-in é compatível com os seguintes tipos de dados: cadeia de caracteres, número, booleano, 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. Aqui, copie esse URL e volte para o 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, basta 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.

Bônus: Crie um organograma da empresa no WordPress

Se você tiver um site de uma pequena empresa, também poderá adicionar um organograma da empresa no WordPress. Esse organograma mostrará como sua empresa está estruturada, desde o CEO até as diferentes equipes e os funcionários individuais de cada equipe.

Um organograma ajuda os clientes em potencial a saber mais sobre a sua empresa e facilita a comunicação entre as equipes.

Para criar um gráfico, basta instalar e ativar o plug-in Organization Chart. Para obter detalhes, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Após a ativação, acesse a página Wpdevart Chart ” Charts e clique no botão “Add New”. Isso o levará a uma nova tela na qual você poderá adicionar um nome para o gráfico.

Depois disso, adicione a imagem e o título do CEO de sua empresa no elemento na tela. Em seguida, clique no ícone de seta.

Isso adicionará outro elemento no qual você poderá adicionar um título e uma imagem para a pessoa que vem depois do CEO. Em seguida, clique no elemento novamente para ver os vários ícones de seta em diferentes direções.

Isso o ajudará a criar uma estrutura de empresa com várias filiais ou equipes.

Quando terminar, basta clicar no botão “Salvar” para armazenar suas configurações.

Agora, abra a página em que você deseja adicionar o organograma e adicione o bloco “WpDevArt organization chart”. Em seguida, selecione o gráfico que você criou no menu suspenso dentro do próprio bloco.

Por fim, clique no botão “Publish” (Publicar) ou “Update” (Atualizar) para armazenar suas configurações. Para obter mais informações, consulte nosso tutorial sobre como criar o organograma de sua empresa no WordPress.

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 no seu site WordPress e nossas escolhas de especialistas para os melhores plug-ins divertidos do WordPress que você está perdendo.

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.