Como adicionar notificações de venda no Elementor | 100% grátis

Mostrar notificações de vendas e visitas pode ser uma ótima maneira de melhorar suas conversões, e esse código que vou te mostrar aqui faz isso pra você gratuitante.
Copie o código e adicione em um Widget HTML no rodapé da sua página.
				
					<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js"></script> <script>iziToast.settings({
        timeout: 10000,
        resetOnHover: true,
        position: 'topRight',
        transitionIn: 'fadeInLeft',
        transitionOut: 'fadeOutRight',
        onOpening: function(){
            console.log('callback abriu!');
        },
        onClosing: function(){
            console.log("callback fechou!");
        }
    });

    var nomes = ['Maria Silva', 'João Santos', 'Ana Oliveira', 'Carlos Pereira'];
    var quantidades = [3, 5, 7, 10];

    function obterNomeAleatorio() {
        return nomes[Math.floor(Math.random() * nomes.length)];
    }

    function obterQuantidadeAleatoria() {
        return quantidades[Math.floor(Math.random() * quantidades.length)];
    }

    function exibirNotificacao() {
        var exibirCompra = Math.random() < 0.5;
        var exibirFinalizacao = Math.random() < 0.5;

        if (exibirCompra) {
            var quantidadeAleatoria = obterQuantidadeAleatoria();

            iziToast.info({
                title: quantidadeAleatoria + ' pessoas estão acessando',
                timeout: 5000,
								titleColor: '#000000', /*altere a cor do texto aqui*/
					      backgroundColor: '#A7E2FF', /*altere a cor de fundo aqui*/
            });
        }

        if (exibirFinalizacao) {
            var nomeAleatorio = obterNomeAleatorio();

            iziToast.success({
                title: nomeAleatorio + ' copiou o código',
                timeout: 5000,
								titleColor: '#000000', /*altere a cor do texto aqui*/
				        backgroundColor: '#AFF1BF', /*altere a cor de fundo aqui*/
            });
        }
    }

    // Chama a função a cada intervalo aleatório entre 10 e 15 segundos
    setInterval(exibirNotificacao, Math.floor(Math.random() * (1000*12 - 1000*6 + 1)) + 10000);

    // Exibe a primeira notificação imediatamente
    exibirNotificacao();</script>
				
			
Esses exemplos que estão passando aqui são com o código já aplicado, bacana né?
Se esse código te ajudou não se esqueça de deixar seu like e se inscrever em meu canal no YouTube, forte abraço!

Se você é legal, então vai deixar seu comentário para ajudar no engajamento, não é?

Deixe um comentário

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

Otávio Marques © 2024 | Todos os direitos reservados