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:
Adicione um novo elemento em sua página.
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!