SCRIPT DE "FULANO ACABOU DE COMPRAR ..."

thv · Abril 13, 2022

Fala ratazada, blza?

Segue ai mais um script pra vocês utilizarem.
Esse script ele fica de tempo em tempo (randomicamente) aparecendo uma notificação de que pessoas estão comprando.
Espero que ajude.

Valeu!

/*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();

TheStifler · Abril 13, 2022

é possível adicionar um delay para aparecer somente quando o botão de compra aparece?

thv · Abril 13, 2022

1 minuto atrás, TheStifler disse:

é possível adicionar um delay para aparecer somente quando o botão de compra aparece?

No script de delay (postei aqui script pra vimeo, youtube e wistia), onde faz a chamada para deixar o botao visivel, voce chama essa função "show_notification();"

TheStifler · Abril 13, 2022

1 minuto atrás, vargas disse:

No script de delay (postei aqui script pra vimeo, youtube e wistia), onde faz a chamada para deixar o botao visivel, voce chama essa função "show_notification();"

ok mano, vou olhar esse post, obrigado

thv · Abril 13, 2022

3 minutos atrás, TheStifler disse:

ok mano, vou olhar esse post, obrigado

☝️

akrera.icm7 · Abril 13, 2022

estou usando o elementor como coloco um script nele fica aparendo na forma escrita dentro do site

thv · Abril 13, 2022

15 minutos atrás, akrera.icm7 disse:

estou usando o elementor como coloco um script nele fica aparendo na forma escrita dentro do site

como assim?

akrera.icm7 · Abril 13, 2022

18 minutos atrás, vargas disse:

como assim?

Editado Abril 13, 2022 por akrera.icm7

Felps · Abril 13, 2022

5 minutos atrás, akrera.icm7 disse:

Conseguiu fazer? Eu to tentando assim também, mas ainda não deu certo!

thv · Abril 13, 2022

9 minutos atrás, akrera.icm7 disse:

antes do "/*right-top ...." coloca a tag <script> e no final de tudo fecha ela </script>

* não consigo editar o post onde ta o script

Editado Abril 13, 2022 por vargas

akrera.icm7 · Abril 13, 2022

valeuuu deu certoo

Heisenberg · Abril 13, 2022

Mn Muito Obrigado ! 👏👏

TheStifler · Abril 14, 2022

Em 13/04/2022 em 08:39, vargas disse:

Fala ratazada, blza?

Segue ai mais um script pra vocês utilizarem.
Esse script ele fica de tempo em tempo (randomicamente) aparecendo uma notificação de que pessoas estão comprando.
Espero que ajude.

Valeu!

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/notiflix-aio-2.6.0.min.js"></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();

mano, não aparece pro mobile, como posso resolver?

thv · Abril 15, 2022

2 horas atrás, TheStifler disse:

mano, não aparece pro mobile, como posso resolver?

Rapaz, agora não consigo testar, mas quando conseguir eu aviso aqui

Zé Bunitinho · Abril 15, 2022

Em 13/04/2022 em 04:39, vargas disse:

Fala ratazada, blza?

Segue ai mais um script pra vocês utilizarem.
Esse script ele fica de tempo em tempo (randomicamente) aparecendo uma notificação de que pessoas estão comprando.
Espero que ajude.

Valeu!

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/notiflix-aio-2.6.0.min.js"></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();

Maninho perfeito de mais me SALVOU TOP TOP

Saitama · Abril 18, 2022

Em 14/04/2022 em 22:31, vargas disse:

Rapaz, agora não consigo testar, mas quando conseguir eu aviso aqui

opa manow, conseguiu resolver?

thv · Abril 19, 2022

6 horas atrás, Saitama disse:

opa manow, conseguiu resolver?

Na verdade ou procurar outra biblioteca aqui pois essa não ta legal no mobile.

SEGUE NOVO CÓDIGO, ESSE FUNCIONA PARA CELULAR TAMBÉM!

TESTEM E QUALQUER COISA MANDA AQUI! VALEU!

	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        /*toast-top-right, toast-bottom-right, toast-bottom-left, toast-top-left, toast-top-full-width, toast-bottom-full-width, toast-top-center, toast-bottom-center*/
        var position = "toast-top-left";

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

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

        /*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'];

        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-left",
            "preventDuplicates": true,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "slideDown",
            "hideMethod": "fadeOut"
        }

        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));
            toastr.success(msg_final);
            var rand = Math.floor(Math.random() * (max_time - min_time + 1) + min_time);
            setTimeout(show_notification, rand * 1000);
        }

        show_notification();
    </script>

Editado Abril 19, 2022 por vargas

@ratao.digital · Abril 19, 2022

19 horas atrás, vargas disse:

Na verdade ou procurar outra biblioteca aqui pois essa não ta legal no mobile.

SEGUE NOVO CÓDIGO, ESSE FUNCIONA PARA CELULAR TAMBÉM!

TESTEM E QUALQUER COISA MANDA AQUI! VALEU!

	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        /*toast-top-right, toast-bottom-right, toast-bottom-left, toast-top-left, toast-top-full-width, toast-bottom-full-width, toast-top-center, toast-bottom-center*/
        var position = "toast-top-left";

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

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

        /*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'];

        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-left",
            "preventDuplicates": true,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "slideDown",
            "hideMethod": "fadeOut"
        }

        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));
            toastr.success(msg_final);
            var rand = Math.floor(Math.random() * (max_time - min_time + 1) + min_time);
            setTimeout(show_notification, rand * 1000);
        }

        show_notification();
    </script>

boa

thv · Abril 19, 2022

Agora, Black Rat disse:

boa

Tmj papai 🤜🤛

Michelangelo · Abril 20, 2022

Em 18/04/2022 em 21:38, vargas disse:

Na verdade ou procurar outra biblioteca aqui pois essa não ta legal no mobile.

SEGUE NOVO CÓDIGO, ESSE FUNCIONA PARA CELULAR TAMBÉM!

TESTEM E QUALQUER COISA MANDA AQUI! VALEU!

	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        /*toast-top-right, toast-bottom-right, toast-bottom-left, toast-top-left, toast-top-full-width, toast-bottom-full-width, toast-top-center, toast-bottom-center*/
        var position = "toast-top-left";

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

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

        /*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'];

        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-left",
            "preventDuplicates": true,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "slideDown",
            "hideMethod": "fadeOut"
        }

        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));
            toastr.success(msg_final);
            var rand = Math.floor(Math.random() * (max_time - min_time + 1) + min_time);
            setTimeout(show_notification, rand * 1000);
        }

        show_notification();
    </script>

Irmão, shopify consigo colocar o script? qual local exato?

rBoratto · Abril 20, 2022

Olá, como eu mudo o timer da notificação tipo aparecer logo após o botão de compra aparecer, tem algum contador de "falta x vagas para acabar" Se tiver algo assim para poder compartilhar tbm.. Grato

Editado Abril 20, 2022 por rBoratto

thv · Abril 20, 2022

52 minutos atrás, fearanlgozetoi disse:

Irmão, shopify consigo colocar o script? qual local exato?

Infelizmente eu não sei mexer em Shopify, mas creio que lá deve ter algum local para colocar HTML ou Script...

Talvez alguém que manja de shopify pode ajudar melhor

11 minutos atrás, rBoratto disse:

Olá, como eu mudo o timer da notificação tipo aparecer logo após o botão de compra aparecer, tem algum contador de "falta x vagas para acabar" Se tiver algo assim para poder compartilhar tbm.. Grato

Pra fazer as notificações aparecerem no momento que o botão aparece, basta colocar a função show_notification() no mesmo local onde o código do seu botão aparece.

Sobre o outro script, de "falta x vagas..." Depois eu faço uma outra postagem aqui pra galera.

@danielribei.ro · Abril 20, 2022

Em 18/04/2022 em 21:38, vargas disse:

Na verdade ou procurar outra biblioteca aqui pois essa não ta legal no mobile.

SEGUE NOVO CÓDIGO, ESSE FUNCIONA PARA CELULAR TAMBÉM!

TESTEM E QUALQUER COISA MANDA AQUI! VALEU!

	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script>
        /*toast-top-right, toast-bottom-right, toast-bottom-left, toast-top-left, toast-top-full-width, toast-bottom-full-width, toast-top-center, toast-bottom-center*/
        var position = "toast-top-left";

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

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

        /*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'];

        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-left",
            "preventDuplicates": true,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "slideDown",
            "hideMethod": "fadeOut"
        }

        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));
            toastr.success(msg_final);
            var rand = Math.floor(Math.random() * (max_time - min_time + 1) + min_time);
            setTimeout(show_notification, rand * 1000);
        }

        show_notification();
    </script>

Que script daora man, gostei.

Em uma página de remarketing Lp deve dar super bem.

Vi no final do script show_notification 1000.

Quer dizer que após 1000 segundos começa aparecer?

E mais uma vez parabéns pelo conteúdo.

thv · Abril 20, 2022

6 horas atrás, danielribeiro disse:

Que script daora man, gostei.

Em uma página de remarketing Lp deve dar super bem.

Vi no final do script show_notification 1000.

Quer dizer que após 1000 segundos começa aparecer?

E mais uma vez parabéns pelo conteúdo.

Faaaala cara! Obrigado 😊😊...

Fico feliz em saber que ta sendo útil!!

Isso, na verdade esse 1000 é milissegundos, então, 1000 = 1 segundo.

Mas, no código aí, repara que tem uma variável chamada "rand", onde a cada vez que essa função é chamada, ele gera um número randômico e multiplica ele pelos 1000 milissegundos, ou seja, pra fica mais "real", a notificação vai aparecer em momentos distintos e não sempre a cada 1000 milissegundos, sacou?

Tmj!!!

rBoratto · Abril 20, 2022

15 horas atrás, vargas disse:

Infelizmente eu não sei mexer em Shopify, mas creio que lá deve ter algum local para colocar HTML ou Script...

Talvez alguém que manja de shopify pode ajudar melhor

Pra fazer as notificações aparecerem no momento que o botão aparece, basta colocar a função show_notification() no mesmo local onde o código do seu botão aparece.

Sobre o outro script, de "falta x vagas..." Depois eu faço uma outra postagem aqui pra galera.

Desculpa não consegui compreender para colocar essa notificação quando o botão aparecer.. eu coloco no script de notificação ou no botão de compra.. no caso o botão de compra eu usei do elementor mesmo e só coloquei o link do site.. se tiver algum vídeo explicando para o noob aqui kk

SCRIPT DE "FULANO ACABOU DE COMPRAR ..."

Posts Recomendados

Link para o comentário

Mais Ativos no Tópico

Dias Populares

Mais Ativos no Tópico

Dias Populares

Postagens Populares

thv

thv

thv

Imagens neste post

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário