Como mostrar facilmente um medidor de progresso no WordPress

Você está procurando uma maneira simples de adicionar um medidor de progresso no WordPress? Nesse caso, você ficará satisfeito em saber que existe um plugin que pode adicionar um, Ultimeter. Em questão de minutos, você pode construir um medidor de progresso totalmente funcional que pode ser atualizado 24 horas por dia.

Hoje vou demonstrar como usar o Ultimeter para construir um medidor de progresso no WordPress.

O que é um medidor de progresso?

Um medidor de progresso pode ser usado para indicar o crescimento ou desenvolvimento de qualquer projeto. Eles são comumente usados ​​para arrecadação de fundos, mas você pode usar um para mostrar o progresso de praticamente qualquer coisa que possa ser representada por números.

Por exemplo, capítulos escritos para um projeto de livro, dias antes do lançamento de um produto (ou da eclosão de seus pintinhos).

Você também pode iniciar o medidor em 100% e diminuir o valor todos os dias para servir de contagem regressiva. Use-o para mostrar qualquer marco em um site WordPress. Se você puder contá-lo, poderá visualizá-lo com um medidor de progresso.

E para nos ajudar nessa visualização, vamos instalar o plugin Ultimeter.

Como criar um medidor de progresso no WordPress

Etapa 1: Instale o plug-in Ultimeter

Ultímetro a instalação é gratuita e há uma versão paga que desbloqueia alguns recursos. Abordaremos os fundamentos da configuração de um medidor de progresso usando a versão gratuita. A única restrição é que você precisa ser capaz de quantificar o progresso que está acompanhando.

Ler:  Marketing de referência: usando clientes atuais para impulsionar novos negócios

Isto é fácil de fazer quando há um objetivo em mente, como uma meta de arrecadação de fundos, mas pode ser mais complicado para alguns tópicos que não são fáceis de quantificar.

Faça login no painel de administração do WordPress.

Na navegação da coluna esquerda, passe o mouse sobre o link “Plugins” e clique no link “Adicionar Novo”.

Na caixa de pesquisa disponível, digite “Ultímetro”.

Depois de localizar o plugin, clique no botão “Instalar agora”.

Clique no botão “Ativar”.

Passo 2: Configurando o Ultímetro

Para nosso exemplo aqui, organizaremos uma arrecadação de fundos para comprar um barco para Jim. Não conheço ninguém chamado Jim, mas se conhecesse, imagino que ele apreciaria um barco grátis.

Quando a instalação do plugin for concluída, você será direcionado para uma página de introdução do plugin. Clique no botão “Criar Ultímetro” para começar.

Se você saiu da página de introdução após a instalação, passe o mouse sobre o link “Ultimeter” e clique no link “Adicionar novo Ultimeter”.

O plugin abre na guia “Tipo de Medidor”.

Primeiro, dê um título ao medidor (o campo de entrada do título fica visível em todas as guias).

A versão gratuita do plugin permite escolher entre uma barra de progresso de meta horizontal ou um medidor vertical do tipo termômetro. Para a campanha do barco de Jim, selecionarei o indicador horizontal clicando na imagem.

Ler:  Revisão de ClosersCopy – Ferramenta de redação de IA [Pros & Con]

Agora clique na guia “Opções de meta”.

As opções de “Selecionar um formato de meta” são “Valor arrecadado” ou “Porcentagem arrecadada”.

Escolha o idioma e a moeda do seu medidor nos menus suspensos “Selecione um idioma” e “Selecione uma moeda”.

O “Valor da Meta” é o valor que estamos tentando arrecadar para o barco do Jim. O “Valor Arrecadado” é quanto temos até agora.

Observação: Se você não estiver usando este plugin para uma arrecadação de fundos, considere inserir um valor de 100. Isso permite influenciar facilmente a porcentagem do medidor. Por exemplo, se você concluiu 16%, isso significa que recebeu 16 dólares. Isso torna a matemática simples.

Você pode alterar a cor do medidor usando o seletor de cores na guia Opções de estilo. Certifique-se de considerar qual cor de fundo você está usando ao selecionar a cor. Se a barra de progresso for difícil de ler, será menos eficaz.

Não entraremos na aba “Marcos”, pois esse recurso não está disponível na versão gratuita do plugin.

Clique no botão “Publicar” para salvar o medidor.

Etapa 3: exibir o medidor em uma página ou postagem

Agora que nosso medidor está pronto, temos que adicioná-lo a uma postagem ou página. Você pode editar uma postagem ou página existente ou criar uma nova.

Vou criar uma nova página para este tutorial. Mas antes de criarmos a página, temos que copiar o shortcode do medidor.

Ler:  Como a TI gerenciada ajuda a resolver desafios de reciclagem e sustentabilidade de lixo eletrônico

Na navegação da coluna esquerda, passe o mouse sobre o link “Ultímetro” e clique no link “Todos os Ultímetros”.

Clique no link “Editar” do seu medidor.

Clique no botão “Copiar shortcode”.

Observação: Também existe uma opção Duplicar. Isso permite que você faça uma cópia do medidor de progresso. Isso é útil se você planeja utilizar várias barras de progresso em um site.

Agora podemos criar uma nova página e adicionar o shortcode à página onde queremos que o medidor apareça. Se estiver usando o editor Gutenberg, você precisará adicionar um bloco Shortcode e se estiver no editor Clássico, você pode adicionar o shortcode em qualquer lugar do editor visual.

Agora, quando salvamos a página, nosso medidor está lá.

Parece bom, mas ainda não terminou, agora você precisa aprender como atualizar a barra de progresso. Felizmente, atualizar a barra de progresso leva menos de um minuto.

Etapa 4: Atualizando o progresso em direção à sua meta

O objetivo de um medidor de progresso é mostrar o quão perto você está de atingir uma meta, portanto, você precisará atualizar regularmente o valor. Sempre que tiver um valor atualizado para o seu medidor, insira-o no campo “Valor Arrecadado”.

Para fazer isso, volte para “Todos os Ultímetros” na navegação de administração do WordPress e clique no link “Editar” do seu medidor.

Clique na guia “Opções de meta” e na seção “Valor arrecadado”, insira o novo valor.

Observação: Se você estivesse seguindo meu conselho de adicionar 100 como o valor da meta para medidores de progresso que não sejam de arrecadação de fundos, você inseriria o aumento percentual. Então, se você quisesse aumentar em 5%, você inseriria 5.

Ler:  Hostinger lança CDN com tecnologia Cloudflare para acelerar o tempo de carregamento e acelerar o tempo de carregamento. desempenho do site para clientes de hospedagem gerenciada

Clique no botão “Atualizar” do medidor e o novo valor aparecerá no medidor. Ele atualizará o medidor de progresso automaticamente, conforme mostrado abaixo:

Você também pode editar as demais configurações do medidor, mudando até mesmo da barra horizontal para a imagem do termômetro objetivo.

Se você desinstalar o plugin, páginas e postagens que usaram o plugin vai ser afetado:

  • Os medidores criados pelo plugin serão excluídos.
  • Os códigos de acesso do plug-in irão parar de funcionar, então os próprios códigos de acesso serão exibidos em qualquer lugar em que foram usados.

Parabéns por aprender como configurar um medidor de progresso no WordPress usando o plugin Ultimeter. Lembre-se de atualizar a barra de progresso regularmente.

O uso de recursos visuais pode estimular contribuições

Aprendemos e processamos muitas informações visualmente, por isso é lógico que um medidor de progresso da arrecadação de fundos possa estimular as pessoas a contribuir. Ao fazer isso, eles próprios podem “mover o medidor”.

Se você estiver usando um medidor para mostrar o progresso de algo que não seja contribuições, o elemento visual aumentará o interesse e fará com que as pessoas voltem para verificar se há alterações. Agora que você viu como é fácil adicionar um medidor de progresso a qualquer site WordPress, esperamos encontrar um bom motivo para usá-lo.

Você já acompanhou o andamento de um projeto em seu site? Existem métodos que você gosta de usar além dos que mostramos aqui? Deixe-me saber nos comentários!

Novas publicações:

Recomendação