Mostrar botão de Whatsapp 24 horas no meu site (Prestashop)

Baldomero Gar · 21/10/2021

Buenas tardes. ¿Alguien sabe qué cambios tendría que hacer en este código para que el botón Whatsapp se mostrase durante las 24 horas y no de 7 de la mañana a 15 horas como ocurre ahora? Mi web es www.gamalux.es (Prestashop) GRACIAS

{
let $ = jQuery;
console.log("whatsapp 2.7");
let abierto;
function compruebaHorario(){
var fecha = new Date();
var diaSemana = fecha.getDay();
var hora = fecha.getHours();
console.log("dia semana: " + diaSemana);
if(diaSemana < 6){
if( hora > 7 && hora < 22){
abierto = 1;
}
}
}
compruebaHorario();
if(abierto){
$( "body" ).append( "<div class='whatsapp sticky' data-phone='34644953031' data-action='contact' data-text=''></div>" );
$(".whatsapp").click(function(e){
var action = e.target.dataset["action"];
if (action == "share"){
var text = e.target.dataset["text"];
var url = window.location.href; //sharing_url;
var message = encodeURIComponent(text) + "-" + encodeURIComponent(url);
if($(window).width()>768){
var whatsapp_url = "https://web.whatsapp.com/send?text=" + message;
}else{
var whatsapp_url = "https://api.whatsapp.com/send?text=" + message;
}
}
if (action == "contact"){
var phone = e.target.dataset["phone"];
if($(window).width()>768){
var whatsapp_url = "https://web.whatsapp.com/send?phone=" + phone;
}else{
var whatsapp_url = "https://api.whatsapp.com/send?phone=" + phone;
}
}
//window.location.href = whatsapp_url;
window.open(whatsapp_url, '_blank');
});
}
}

Frcruter · 21/10/2021

reemplaza

JavaScript:

if( hora > 7 && hora < 22){
abierto = 1;
}

por

JavaScript:

abierto=1;

Baldomero Gar · 22/10/2021

Frcruter disse:
reemplaza

JavaScript:

if( hora > 7 && hora < 22){ abierto = 1; }

por

JavaScript:

abierto=1;

Muchísimas gracias!!! Probaré a ver.

adruiz · 22/10/2021

Yo lo dejaría así, más limpio, lo demás sobra completamente si quieres que el botón se muestre siempre:

JavaScript:

{
    let $ = jQuery;

    $("body").append("<div class='whatsapp sticky' data-phone='34644953031' data-action='contact' data-text=''></div>");
    
    $(".whatsapp").click(function (e) {
        var action = e.target.dataset["action"];

        if (action == "share") {
            var text = e.target.dataset["text"];
            var url = window.location.href; //sharing_url;
            var message = encodeURIComponent(text) + "-" + encodeURIComponent(url);

            if ($(window).width() > 768) {
                var whatsapp_url = "https://web.whatsapp.com/send?text=" + message;
            } else {
                var whatsapp_url = "https://api.whatsapp.com/send?text=" + message;
            }
        }

        if (action == "contact") {
            var phone = e.target.dataset["phone"];

            if ($(window).width() > 768) {
                var whatsapp_url = "https://web.whatsapp.com/send?phone=" + phone;
            } else {
                var whatsapp_url = "https://api.whatsapp.com/send?phone=" + phone;
            }
        }

        window.open(whatsapp_url, '_blank');
    });
}

Baldomero Gar · 22/10/2021

adruiz disse:

Yo lo dejaría así, más limpio, lo demás sobra completamente si quieres que el botón se muestre siempre:

JavaScript:

{
    let $ = jQuery;

    $("body").append("<div class='whatsapp sticky' data-phone='34644953031' data-action='contact' data-text=''></div>");
   
    $(".whatsapp").click(function (e) {
        var action = e.target.dataset["action"];

        if (action == "share") {
            var text = e.target.dataset["text"];
            var url = window.location.href; //sharing_url;
            var message = encodeURIComponent(text) + "-" + encodeURIComponent(url);

            if ($(window).width() > 768) {
                var whatsapp_url = "https://web.whatsapp.com/send?text=" + message;
            } else {
                var whatsapp_url = "https://api.whatsapp.com/send?text=" + message;
            }
        }

        if (action == "contact") {
            var phone = e.target.dataset["phone"];

            if ($(window).width() > 768) {
                var whatsapp_url = "https://web.whatsapp.com/send?phone=" + phone;
            } else {
                var whatsapp_url = "https://api.whatsapp.com/send?phone=" + phone;
            }
        }

        window.open(whatsapp_url, '_blank');
    });
}

GRACIAS, crack!

Baldomero Gar · 25/10/2021

Buenas! Lo siento pero el botón no ha aparecido durante el fin de semana, ni tampoco fuera del horario de 7 a 15

¿Se os ocurre algo? ¿Es posible que esté tirando de algún modo del horario de Google My Bussines?????

Gracias por adelantado!

Baldomero Gar · 27/10/2021

¡Ya funciona! Mil gracias a todos

iworkwithyou · 27/11/2021

Hola te recomiendo nuestro widget para prestashop. Es bastante completo y ofrece muchas opciones extra sobre todo para recuperar carritos de la compra con WhatsApp.

bits4me · 27/11/2021

mejor sin jquery

JavaScript:

const whinfo = {
    phone: "34644953031",
    action: "contact",
    text: ""
};
const whatsappBtn = () => {
    const button = document.createElement("div");
    button.className = "whatsapp sticky";
    for (let key in whinfo) {
        button.setAttribute("data-" + key, whinfo[key]);
    }
    const clickHandler = e => {
        const currentURL = window.location.href,
            end = (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) ? "api" : "web",
            action = whinfo.action == "share" ? "text" : "phone",
            message = action == "text" ? encodeURIComponent(`${whinfo.text}-${currentURL}`) : whinfo.phone;
        window.open(`https://${end}.whatsapp.com/send?${action}=${message}`, '_blank');
    }
    button.addEventListener("click", clickHandler, false);
    document.body.appendChild(button);
}
document.addEventListener("DOMContentLoaded", whatsappBtn);

Baldomero Gar · 29/11/2021

¡GRACIAS!

Mostrar botão de Whatsapp 24 horas no meu site (Prestashop)

Baldomero Gar

Frcruter

Baldomero Gar

adruiz

Baldomero Gar

Baldomero Gar

Baldomero Gar

iworkwithyou

bits4me

Baldomero Gar

Tópicos similares