A utilização de contadores no Elementor pode melhorar o seu design Web e inspirar imediatamente os visitantes. Os contadores não são apenas visualmente apelativos, mas também fornecem informações importantes num relance, como classificações de clientes, números de subscritores ou valores de vendas. Neste guia, vou mostrar-lhe como utilizar eficazmente os contadores no seu sítio WordPress.
Principais conclusões
- Os contadores são fáceis de utilizar e podem ser personalizados de várias formas.
- Pode personalizar o número inicial, o prefixo, o sufixo e a duração da animação.
- As cores e os estilos dos contadores podem ser adaptados para os integrar no seu design.
Instruções passo a passo
Adicionar contadores
Comece por encontrar os elementos do contador na sua página no Elementor. Primeiro, vá para a página ou secção pretendida onde pretende colocar o contador.
Criar contadores
Adicione um novo elemento de contador. Verá que já é apresentado um número predefinido de 100. Pode personalizar este número como desejar.
Duplicar contadores
Se já tiver criado um contador e quiser utilizá-lo várias vezes, pode duplicá-lo. Selecione o contador e clique no botão Duplicar. Isto criará um contador idêntico que pode depois personalizar.
Definir o número alvo
Agora é altura de definir o número alvo. Pode introduzir o número diretamente para mostrar o que alcançou, por exemplo, 2400 clientes satisfeitos.
Seleção do prefixo e do sufixo
Tem a opção de adicionar um prefixo e um sufixo ao seu contador. Por exemplo, se quiser acrescentar um sinal de mais ou um sinal de euro à frente, pode defini-lo aqui. Neste exemplo, só precisamos disto para apresentar o número.
Adicionar título
Defina um título para o seu contador que clarifique o significado do número. Um título apelativo como "Clientes satisfeitos" torna o contador ainda mais apelativo.
Separador de milhares
Escolha se deve ser utilizado um separador de milhares. Pode escolher entre um ponto final, uma vírgula ou mesmo nenhum separador. Desta forma, o número adapta-se à legibilidade pretendida.
Definir a duração da animação
Utilize a duração da animação para definir a velocidade a que o contador faz a contagem decrescente. Uma duração de 5000 milissegundos faz com que o número pareça relativamente rápido, enquanto uma duração mais curta dá uma impressão de rapidez.
Ajustar o estilo e as cores
Passo seguinte: Selecione a cor do texto do seu contador para garantir que este se harmoniza com o aspeto geral do seu sítio Web. Pode simplesmente clicar para selecionar as cores.
Personalizar a tipografia
Também pode personalizar a tipografia de acordo com o seu gosto. É aconselhável escolher um tipo de letra que seja fácil de ler e, ao mesmo tempo, elegante.
Guardar e verificar
Uma vez efectuadas todas as definições, guarde as alterações e dê uma vista de olhos à sua página no frontend. Verifique o aspeto do contador e se tudo funciona como pretendido.
Contadores interactivos
Se desejar, pode também especificar que o contador só fica ativo quando é visualizado por um visitante. Isto proporciona uma componente interactiva adicional que melhora a experiência do utilizador.
Resumo
Aprendeu agora a utilizar eficazmente os contadores no Elementor para apresentar informações no seu sítio Web de uma forma visualmente apelativa. Com o planeamento e a implementação corretos, pode impressionar os seus visitantes e destacar informações importantes.
Perguntas mais frequentes
O que é um contador no Elementor? Um contador é um elemento no Elementor que apresenta um número específico e o conta de forma animada.
Posso alterar as cores dos contadores? Sim, pode alterar as cores e o estilo dos contadores.
Quanto tempo demora a animação de um contador?A duração da animação pode ser personalizada em milissegundos para variar a velocidade da contagem decrescente.
Os contadores funcionam em dispositivos móveis?Sim, os contadores são responsivos e adaptam-se ao tamanho do ecrã.
Posso duplicar os contadores?Sim, pode duplicar e personalizar facilmente os contadores no Elementor para criar vários contadores com definições semelhantes.
