Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como funciona o elemento Contador na Rockty
Como funciona o elemento Contador na Rockty

Aprenda a adicionar e configurar o contador na Rockty para criar urgência e aumentar suas conversões

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

Introdução

O elemento Contador é um recurso poderoso para criar um senso de urgência em suas páginas, ajudando a aumentar as conversões. Sendo ideal para campanhas de tempo limitado, promoções e eventos. Vamos explorar como configurá-lo para maximizar seus resultados.


1. Como Adicionar o Contador

Para adicionar o contador na sua página, siga os passos abaixo:

  1. Adicione um novo elemento em sua página.

  2. Selecione o elemento 'Contador' na lista de opções disponíveis no menu lateral esquerdo.


    💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.


2. Como Configurar o Contador

Depois de adicionar o contador, clique no ícone de engrenagem para acessar as configurações ou clique com o botão direito do mouse sobre o elemento. Abaixo estão as principais opções disponíveis:



3. Configurações do Contador

Ajustes

  • Visibilidade: Defina em quais dispositivos (Desktop, Tablet, Mobile) o contador será visível. Para ocultar ou mostrar o elemento, clique no ícone correspondente ao dispositivo desejado.

  • Configurar Ação: Escolha a ação que contador executará conforme necessário.

  • Data Futura: Configure uma data específica (dia/mês/ano) para uma contagem regressiva até essa data.

  • Data Fixa: Defina a contagem regressiva com base em dias, horas, minutos e segundos, conforme necessário.

  • Data: Defina a contagem regressiva baseada em uma data e horário.

  • Mostrar dias, horas, minutos, segundos, rótulo: Habilite/Desabilite as chaves para exibir ou ocultar as informações.



Posição

Ajuste as propriedades de posição do contador, incluindo alinhamento (esquerda, centro, direita), tamanho, margens (topo) e espaçamento interno. Atenção: Evite margens negativas, pois podem causar conflitos visuais na página.



Estilo

  • Background: Adicione uma cor de fundo ao contador usando a paleta de cores ou inserindo um código HEX. Para remover, clique no ícone de lixeira.

  • Borda, Radial e Sombra: Configure bordas e sombras ativando as chaves correspondentes e ajustando as cores e tamanhos. Para excluir as cores, use o ícone de lixeira.



Tipografia

  • Fontes: Escolha entre centenas de fontes disponíveis para personalizar os números e textos do contador.

  • Estilo do Número: Altere a cor e o tamanho dos números usando a paleta de cores ou código HEX, e ajuste o tamanho conforme necessário.

  • Estilo do Texto: Modifique a cor e o tamanho do texto, utilizando as opções disponíveis para personalização.


Avançado

  • Efeitos de Movimento e Animação: Adicione animações ao contador, como animação ao entrar na página ou ao passar o mouse. Defina a duração (normal, devagar, rápido) e o atraso para a exibição.

  • CSS Classes: Para customizações avançadas, adicione classes CSS e aplique estilos através do elemento Script. Para mais detalhes, acesse nosso tutorial de CSS Classes.


Conclusão

O elemento Contador na Rockty é uma ferramenta eficiente para criar urgência em suas páginas. Ao configurar corretamente as ações, estilos e animações, você pode maximizar o impacto desse recurso. Experimente diferentes configurações para encontrar a melhor abordagem para o seu público.

Se precisar de mais assistência ou tiver dúvidas, não hesite em contatar nossa equipe de Suporte. Explore e aproveite ao máximo as ferramentas oferecidas para criar páginas impressionantes e funcionais.


Dicas Adicionais

  • Defina o propósito claramente: Determine o objetivo do contador. Se for uma contagem regressiva para um evento específico, como uma promoção ou lançamento, certifique-se de que isso esteja claramente comunicado aos usuários.

  • Escolha o formato adequado: Decida se o contador será regressivo, fixo ou de data futura e selecione o formato que melhor se adapta ao seu objetivo. Exemplo: contagem regressiva para um evento, um contador de data fixa ou um timer de prazo.

  • Configuração de data e hora: Ao configurar a data e a hora, garanta que estejam corretas e ajustadas ao fuso horário do público-alvo, se necessário.

  • Adicione uma mensagem clara: Inclua uma mensagem ou descrição próxima ao contador para explicar o que a contagem representa e por que é relevante para o usuário. Isso ajuda a evitar confusão.

  • Utilize design chamativo, mas não exagerado: O contador deve ser visualmente atraente e destacar-se na página, mas sem ser excessivamente chamativo. Use cores e fontes que se alinhem ao design geral da página.

  • Verifique a responsividade: Teste o contador em diferentes dispositivos e tamanhos de tela para garantir que ele se ajuste corretamente e permaneça legível.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!


Respondeu à sua pergunta?