Botão de WhatsApp com dia e horário para aparecer - Botão 3.0 | Blog
Blog > Sites e Ecommerce > Botão de WhatsApp com dia e horário para aparecer - Botão 3.0

Botão de WhatsApp com dia e horário para aparecer - Botão 3.0

12/05/2020
Olá pessoal.

Antes de qualquer coisa, se você não assistiu ao vídeo de como inserir um botão flutuante no WhatsApp, pode ser que esse vídeo não faça sentido para você. Portanto, te convidamos a assistir ao vídeo e acompanhar o passo-a-passo clicando aqui.

Se você já assistiu ao vídeo anterior, basta curtir esse novo vídeo de um SUPER botão na sua versão 3.0.




Não esqueça que esse trecho de código deverá ser inserido em HTML no painel da loja integrada como um documento de JAVASCRIPT (atenção, pois isso é muito importante).

 
$(document).ready(function() {
    var data = new Date; 
    var hora = data.getHours(); // cria uma variável e verifica que hora é agora.
    var diaDaSemana = data.getUTCDay(); // cria uma variável e verifica que dia da semana é hoje

    if(diaDaSemana == 6 || diaDaSemana == 7) { // tradução do código: Se dia da semana for sábado ou domingo
         $('.whatsapp-fixo').hide();  // ele deverá ser ocultado
    } else { // se não for sábado ou domingo
        if(hora > 8 && hora < 18){ // Ele verifica se a hora está entre 8 da manhã e 18 da noite
            $('.whatsapp-fixo').show();  // Se todas as condições atenderem, aparece o botão do WhatsApp
        }   else { // Caso contrário
            $('.whatsapp-fixo').hide(); // Segue ocultando
        }
    }
});

// Estes textos escritos assim, são apenas comentários para que você consiga ver o que foi feito, quando copiar e colar em seu site você pode apagá-los todos.

// Dias da semana: 
// 1 - Segunda, 2 - Terça, 3 - Quarta, 4 - Quinta, 5 - Sexta, 6 - Sábado, 7 - Domingo

// Símbolos:
// || -> Significa OU
// && -> Significa E
// == -> Significa COMPARAR SE É IGUAL
Não se esqueça de se inscrever em nosso canal e deixar suas dúvidas por aqui ou pelo Youtube.


Até a próxima!

Comentários

  • WESLEY VICTOR GERMANO DA SILVA
    - 06/06/2020 15:00:37

    Cara, se eu atendo de segunda a sexta das 8h as 17h e sabado das 8h 12 if(diaDaSemana == 7) { $('whatsapp-fixo').hide(); } if(diaDaSemana ==6) { if (hora > 8 && hora < 12){ $('whatsapp-fixo').show(); } else { if(hora > 8 && hora < 17){ $('whatsapp-fixo').show(); } else { $('whatsapp_fixo').hide(); } }); seria esse o codigo correto?

  • Eduardo Leffa
    - 12/06/2020 12:30:08

    Primeiramente, um pergunta que faço a você: Você tirou um pedaço do código certo? (Se sim, ok). Esse seu código não está certo pelo seguinte. Vou traduzí-lo para você: Através do código você está me dizendo que se for domingo ele esconde o botão, mas se for sábado ele mostra somente das 8 às 12 ou das 8 as 17 e qualquer outro dia ele esconde. No caso não está funcionando. Além disso, falta um } e você não colocou o “ponto” no whatsapp-fixo. Para essa situação que você tem o código certo seria: if(diaDaSemana == 7) { $(‘.whatsapp-fixo').hide(); } else { if(diaDaSemana == 6) { if (hora > 8 && hora < 12) { $(‘.whatsapp-fixo’).show(); } else { $(‘.whatsapp-fixo').hide(); } } else { if (hora > 8 && hora < 17) { $(‘.whatsapp-fixo’).show(); } else { $(‘.whatsapp-fixo’).hide(); } } }

  • Carlos Marcelo
    - 07/07/2020 14:47:39

    Olá, Eduardo! Primeiramente meu muito obrigado pelo seus ensinamentos. Estou iniciando agora neste mundo, tenho pouco conhecimento mas muita vontade. Estou tendo uma dificuldade com o código acima, quando copio o código nesta linha "if(hora > 8 && hora < 18){ // Ele verifica se a hora está entre 8 da manhã e 18 da noite" Informa que "expected tag name, got something else instead". O que posso fazer para corrigir?

  • Eduardo Leffa
    - 07/07/2020 14:52:12

    Olá Carlos, seria interessante que você enviasse um print do erro e de como você colocou o código na loja. (envie para contato@agenciasocialup.com.br), pois, caso tenha qualquer divergência nos códigos, irá ocasionar erro. Um abraço!

Deixe seu comentário

Apenas seu nome e comentário ficará público, seu e-mail não será publicado.