Curso de Wordpress e Elementor
Search
Close this search box.

Como Criar um Botão no Elementor que Gera Nomes ou Números Aleatórios Junto com o Minuto Atual

realizando análise…

O Elementor é uma poderosa ferramenta de construção de páginas para WordPress, que permite aos usuários criar layouts personalizados de forma intuitiva e sem a necessidade de conhecimento avançado em programação. Neste artigo, exploraremos como adicionar um botão no Elementor que, ao ser clicado, gera números aleatórios. Isso pode ser útil em várias situações, como sorteios, demonstrações interativas ou qualquer outro cenário onde números aleatórios sejam necessários.

Passo a Passo:

  1. Abra a Página para Edição no Elementor:

    • Faça login no seu painel do WordPress e vá para a página que deseja editar com o Elementor.
  2. Adicione um Widget de HTML ou Código Personalizado:

    • No painel do Elementor, encontre o local onde deseja adicionar o botão.
    • Arraste e solte um widget de HTML ou Código Personalizado para essa área.
  3. Cole o Código JavaScript:

    • Dentro do widget de HTML ou Código Personalizado, cole o seguinte código:
				
					<button id="gerarNumeroBtn" onclick="gerarNumero()">Gerar Número Aleatório</button>

<script>
function gerarNumero() {
    var numeroAleatorio = Math.floor(Math.random() * 1000); // Gera um número aleatório entre 0 e 999
    document.getElementById('gerarNumeroBtn').textContent = 'Número Aleatório: ' + numeroAleatorio;
}
</script>

<style type="text/css">
    
#gerarNumeroBtn{background:#000; padding:20px;color:#fff;
</style>

				
			

4. Personalize o Estilo do Botão (Opcional):

    • Você pode personalizar o estilo do botão diretamente no Elementor para garantir que ele se ajuste ao design da sua página. Use as opções de estilo disponíveis para alterar o tamanho, a cor, a tipografia e outros aspectos visuais conforme necessário.,

      5. Salve as Alterações e Visualize:
      • Após adicionar o código e personalizar o estilo do botão, salve as alterações no Elementor.
      • Visualize a página para garantir que o botão esteja funcionando conforme desejado.

Conclusão: Adicionar um botão no Elementor do WordPress para gerar números aleatórios é uma maneira simples de incorporar funcionalidades interativas às suas páginas sem a necessidade de codificação complexa. Com este tutorial passo a passo, você pode criar facilmente um botão que permite aos usuários gerar números aleatórios com apenas um clique. Experimente em suas páginas e aproveite as possibilidades criativas que o Elementor oferece!

Paulo Anderson Idealizador do Curso WED ensina sobre o papel dos Sites e Landing Pages no Marketing Digital

Paulo Anderson

Deixe um comentário

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

NewsLetter

Cadastre-se para receber atualizações e ofertas exclusivas.

Você pode gostar

Agradeço por ter lido até aqui!

Quero te ajudar a melhorar suas habilidades em marketing digital, WordPress e Elementor com conteúdos exclusivos. Inscreva-se agora para receber nosso conteúdo e comece a se destacar no mercado!