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