SCRIPT DE NOTIFICAÇÃO QUE COMPROU

[thiago coelho]

Alguém sabe esse script ou plugin que faz isso?

[amnesiahaze]

<!-- FULANO ACABOU DE COMPRAR -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/notiflix-aio-2.6.0.min.js"></script>
<script>
/*right-top, right-bottom, left-top, left-bottom, center-top, center-bottom, center-center*/
var position = "left-bottom";

/*verde, azul, vermelho, amarelo*/
var color = "verde";

/*fade, zoom, from-right, from-left, from-top, from-bottom*/
var animation = "from-left";

/*nome do produto*/
var product_name = "";

/*frase depois do nome da pessoa*/
var phrase = "acabou de comprar";
var timeout = 4000;

/*masc, fem, any*/
var type_name = "fem";
var msg_final = "";

var min_time = 4;
var max_time = 20;

var names_masc = ['Jose', 'Joao', 'Antonio', 'Francisco', 'Carlos', 'Paulo', 'Pedro', 'Lucas', 'Luiz', 'Marcos', 'Luis', 'Gabriel', 'Rafael', 'Daniel', 'Marcelo', 'Bruno', 'Eduardo', 'Felipe', 'Raimundo', 'Rodrigo', 'Manoel', 'Mateus', 'Andre', 'Fernando', 'Fabio', 'Leonardo', 'Gustavo', 'Guilherme', 'Leandro', 'Tiago', 'Anderson', 'Ricardo', 'Marcio', 'Jorge', 'Sebastiao', 'Alexandre', 'Roberto', 'Edson', 'Diego', 'Vitor', 'Sergio', 'Claudio', 'Matheus', 'Thiago', 'Geraldo', 'Adriano', 'Luciano', 'Julio', 'Renato', 'Alex', 'Vinicius', 'Rogerio', 'Samuel', 'Ronaldo', 'Mario', 'Flavio', 'Douglas', 'Igor', 'Davi', 'Manuel', 'Jeferson', 'Cicero', 'Victor', 'Miguel', 'Robson', 'Mauricio', 'Danilo', 'Henrique', 'Caio', 'Reginaldo', 'Joaquim', 'Benedito', 'Gilberto', 'Marco', 'Alan', 'Nelson', 'Cristiano', 'Elias', 'Wilson', 'Valdir', 'Emerson', 'Luan', 'David', 'Renan', 'Severino', 'Fabricio', 'Mauro', 'Jonas', 'Gilmar', 'Jean', 'Fabiano', 'Wesley', 'Diogo', 'Adilson', 'Jair', 'Alessandro', 'Everton', 'Osvaldo', 'Gilson', 'Willian', 'Joel', 'Silvio', 'Helio', 'Maicon', 'Reinaldo', 'Pablo', 'Artur', 'Vagner', 'Valter', 'Celso', 'Ivan', 'Cleiton', 'Vanderlei', 'Vicente', 'Arthur', 'Milton', 'Domingos', 'Wagner', 'Sandro', 'Moises', 'Edilson', 'Ademir', 'Adao', 'Evandro', 'Cesar', 'Valmir', 'Murilo', 'Juliano', 'Edvaldo', 'Ailton', 'Junior', 'Breno', 'Nicolas', 'Ruan', 'Alberto', 'Rubens', 'Nilton', 'Augusto', 'Cleber', 'Osmar', 'Nilson', 'Orlando', 'Hugo', 'Otavio', 'Vinicios', 'Italo', 'Wilian', 'Alisson', 'Aparecido'];
var names_fem = ['Maria', 'Ana', 'Francisca', 'Antonia', 'Adriana', 'Juliana', 'Marcia', 'Fernanda', 'Patricia', 'Aline', 'Sandra', 'Camila', 'Amanda', 'Bruna', 'Jessica', 'Leticia', 'Julia', 'Luciana', 'Vanessa', 'Mariana', 'Gabriela', 'Vera', 'Vitoria', 'Larissa', 'Claudia', 'Beatriz', 'Rita', 'Luana', 'Sonia', 'Renata', 'Eliane', 'Josefa', 'Simone', 'Natalia', 'Cristiane', 'Carla', 'Debora', 'Rosangela', 'Jaqueline', 'Rosa', 'Aparecida', 'Daniela', 'Marlene', 'Terezinha', 'Raimunda', 'Andreia', 'Fabiana', 'Lucia', 'Raquel', 'Angela', 'Rafaela', 'Joana', 'Luzia', 'Elaine', 'Regina', 'Daniele', 'Sueli', 'Daiane', 'Alessandra', 'Isabel', 'Sara', 'Bianca', 'Flavia', 'Erica', 'Viviane', 'Silvana', 'Priscila', 'Paula', 'Luiza', 'Tereza', 'Isabela', 'Marta', 'Caroline', 'Janaina', 'Laura', 'Marli', 'Tatiane', 'Marina', 'Silvia', 'Monica', 'Tais', 'Michele', 'Solange', 'Edna', 'Fatima', 'Helena', 'Cristina', 'Alice', 'Carolina', 'Rosana', 'Andressa', 'Celia', 'Valeria', 'Eliana', 'Sabrina', 'Andrea', 'Tania', 'Barbara', 'Thais', 'Denise', 'Roseli', 'Gisele', 'Marilene', 'Katia', 'Eva', 'Milena', 'Eduarda', 'Elisangela', 'Vilma', 'Geovana', 'Luciene', 'Tamires', 'Tatiana', 'Roberta', 'Elza', 'Talita', 'Marcela', 'Pamela', 'Vania', 'Irene', 'Josiane', 'Livia', 'Cintia', 'Ivone', 'Lais', 'Benedita', 'Sebastiana', 'Taina', 'Joice', 'Mirian', 'Elizabete', 'Angelica', 'Gabriele', 'Brenda', 'Veronica', 'Rosilene', 'Karina', 'Nair', 'Neusa', 'Margarida', 'Neuza', 'Neide', 'Raissa', 'Maiara', 'Lorena', 'Franciele', 'Samara', 'Lilian', 'Janete'];

var option = {
    position: position,
    cssAnimationStyle: animation,
    plainText: false,
    timeout: timeout
};

function show_notification() {
    if (type_name == "masc") {
        msg_final = "<strong>" + names_masc[Math.floor(Math.random() * names_masc.length)] + "</strong>";
    } else if (type_name == "fem") {
        msg_final = "<strong>" + names_fem[Math.floor(Math.random() * names_fem.length)] + "</strong>";
    } else {
        var array_aux = ["masc", "fem"];

        if (array_aux[Math.floor(Math.random() * array_aux.length)] == "masc") {
            msg_final = "<strong>" + names_masc[Math.floor(Math.random() * names_masc.length)] + "</strong>";
        } else {
            msg_final = "<strong>" + names_fem[Math.floor(Math.random() * names_fem.length)] + "</strong>";
        }
    }

    msg_final += decodeURIComponent(escape(" " + phrase + " " + product_name));

    if (color == "verde") {
        Notiflix.Notify.Success(msg_final, option);
    }

    if (color == "azul") {
        Notiflix.Notify.Info(msg_final, option);
    }

    if (color == "vermelho") {
        Notiflix.Notify.Failure(msg_final, option);
    }

    if (color == "amarelo") {
        Notiflix.Notify.Warning(msg_final, option);
    }

    var rand = Math.floor(Math.random() * (max_time - min_time + 1) + min_time);
    setTimeout(show_notification, rand * 1000);
}

show_notification();
</script>

<!-- fim do código de fulano acabou de comprar -->

 

Recomendo colocar o que está em <script> </script> em um arquivo .js separado ou apenas colocar o código completo no final do site, antes do fechamento da tag </body> 

 

[Zuckinho]

Dá pra usar o Notiflix pra isso, é bem tranquilo. Só seguir o esquema de adicionar o script no site e configurar as opções. Pode colocar o código direto no final do HTML antes do ou criar um arquivo JS separado pra organizar melhor.

[Ultra PLRs]

Como faz pra customizar o texto da notificação?

[El Matador]

Dá pra usar o Notiflix pra fazer essas notificação, bem de boa. É só colocar o script no site e configurar as opções que vc quer, tipo cor, posição, tempo e tal. Bem prático.

[WebWeaver]

Como faz pra mudar os nomes que aparecem na notificação?