Como Criar Um Contador Animado no WordPress com TF Random Numbers



Como Criar Um Contador Animado no WordPress com TF Random Numbers

É muito comum para sites de empresas e agências, exibir contadores de performance e produtividade. Eles funcionam muitas vezes como exibição de estatísticas ou ainda, informações dinâmicas que dão maior credibilidade ao negócio e dinamismo à navegabilidade do site.

Tenho certeza que você  já acessou algum site que exibia contadores com movimento, onde mostravam o número de clientes satisfeitos, downloads realizados e número de vendas. Esse são apenas alguns exemplos de como um contador animado e de estatísticas é utilizado atualmente.

Se você estava precisando de uma dica legal para dar maior fluidez e dinamismo ao site da sua empresa ou ao site de um cliente, trabalhar com contador dinâmico é uma boa sugestão. Então, hoje o CanalWP resolveu te mostrar como criar contador animado no WordPress com TF Random Numbers – um plugin  de design clean, com excelente performance e fácil de usar. 10 Temas WordPress para Viagens Grátis.

Para deixar seu site ou blog ainda mais presente nas redes sociais e ficar ainda mais próximo do seu público, não deixe de conferir o plugin Shareaholic para Redes Sociais e Posts Relacionados. Neste post você vai aprender como adicionar botões de curtir e compartilhar aos posts e páginas do seu site WordPress em poucos minutos, seguindo o passo a passo que criamos especialmente para você.

TF Random Numbers

Como Criar Contador Animado no WordPress com TF Random Numbers

Um plugin para ter contador de números dinâmicos em sites WordPress, o TF  Random Numbers é uma solução rápida e muito simples de implementar. Responsivo, com transições e movimentos de números, o plugin pode ser utilizado em qualquer post ou página do seu site.

O TF Random Numbers é um dos melhores e mais simples plugins WordPress para trabalhar com contadores dinâmicos e exibição de estatísticas em um site – possui classificação 5 estrelas. É muito fácil de personalizar, tem por si só um design moderno, trabalha com integração em páginas e posts por meio de shortcodes e ainda é compatível com um dos construtores de páginas mais utilizados hoje, o Visual Composer. Não deixe de conferir o post com 10 Plugins Para Criar Páginas de Destino (Landing Pages) no WordPress.

Baixar Demo | Hospedagem

Criando Um Contador Animado

Depois de ter instalado e ativado o plugin  TF Random Numbers em seu WordPress, você estará pronto para seguir os passos que mostraremos a seguir. Se você tiver alguma dúvida de como pode instalar um plugin ao seu site WP, veja Como Instalar e Ativar um Plugin no WordPress.

Para criar um contador animado com TF Random Numbers você deve acessar Random Numbers > Add Numbers através do menu localizado na lateral esquerda do seu Painel de Controle.

Como Criar Contador Animado no WordPress com TF Random Numbers - Criando Contador Dinamico Animado

Na página que será carregada, vamos configurar os números e informações que serão exibidas no contador animado.

Comece definindo um título para o contador. Ele é essencial para a identificação do contador posteriormente.

Como Criar Contador Animado no WordPress com TF Random Numbers - Pagina de Configuracao do Contador

Então, defina um ícone, número e título. Você pode definir um ícone – dentre aqueles trazidos pelo plugin -, depois informe o número que será animado pelo plugin e o título para a informação que estará exibindo.

Clique no botão Add Another Random Number para adicionar um novo número ao contador dinâmico. Assim, você deve realizar o mesmo processo para cada número/informação que deseja adicionar: ícone, número e título.

Como Criar Contador Animado no WordPress com TF Random Numbers - Adicionar Novo Numero Para Contador Animado

Após ter informado as informações que serão exibidas no contador animado WordPress, escolha o layout que os números do seu contador deve obedecer. Escolha entre uma das opções exibidas em More Options – localizado na lateral direita da página. Para escolher basta clicar na opção que mais te agrada.

Como Criar Contador Animado no WordPress com TF Random Numbers - Layout do Contador

Já no final da página você encontra o box de Options. Onde você pode definir regras para a aparência do seu contador animado: imagem de background, margem, tamanho e cores para os títulos, números e ícones.

Como Criar Contador Animado no WordPress com TF Random Numbers - Opcoes de Aparencia

Com todas as configurações de números, layout e aparência devidamente realizadas. Precisamos salvá-las para que nenhuma configuração se perca. Para isso salvar, clique no botão Save na lateral direita da página.

Adicionando O Contador Ao Site

Agora você criou o seu contador animado e definiu as informações que deverão ser exibidas aos visitantes do seu site.

Ainda é preciso inserir o mesmo a uma página ou widget do seu WordPress, não é mesmo?

O plugin TF Random Numbers trabalha com a utilização de shortcode, então acessando Random Numbers > All Numbers conseguimos ver o shortcode do contador criado. 20 Shortcodes & Plugins WordPress que Você Pode Querer Tentar.

Como Criar Contador Animado no WordPress com TF Random Numbers - Shortcode Para Exibicao Do Contador

Copie o shortcode referente ao seu contador e cole-o dentro da página ou widget onde deseja que ele seja visto.

Como Criar Contador Animado no WordPress com TF Random Numbers - Colar Shortcode Dentro Da Pagina

Salve e acesse a página para ver como ficou o seu contador.

Como Criar Contador Animado no WordPress com TF Random Numbers - Contador Animado

Os números do contador começam a rodar no rolar da página.

Faça as personalizações na seção Options até que o contador fique com a aparência que você quer.

Conclusão

Geralmente o contador exibe números importantes sobre o trabalho da empresa, clientes atendidos e satisfeitos. Por isso é uma maneira dinâmica e muito interessante para dar maior credibilidade à marca aos visitantes e futuros clientes.

TF Random Numbers foi escolhido como ferramenta para a criação de contador animado no WordPress, por oferecer criação e configuração dos contadores de forma fácil e simples. A possibilidade de criar contadores ilimitados e ainda permitir adicioná-los ao site por meio de shortcode transforma a sua utilização ainda mais vantajosa.

Para quem já tem conhecimentos um pouco mais avançados, é possível ainda realizar customizações por meio de CSS e fazer uso do shortcode dentro dos códigos das páginas do tema. Como Criar e Inserir Shortcode no WordPress Sem Plugin.

Se de alguma forma você gostou desse artigo considere compartilhar nas redes sociais, se foi útil para você de alguma forma deixa a sua opinião ou aponte outros Plugins que você acredita que deveriam estar nesta lista.

fonte: canalwp.com

Share this post

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *