----------------------WhatsApp, zeng, telegram kodu-----------------------

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>

<style>
    .whatsapp {
        position: fixed;
        left: 15px;
        bottom: 15px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .whatsapp a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #4dc247;
    }

    .whatsapp .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        left: 105%;
        height: auto;
    }

    .whatsapp:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .whatsapp:hover .tooltiptext {
        visibility: visible;
    }

    .telefon {
        position: fixed;
        left: 15px;
        bottom: 75px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .telefon a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #337ab7;
    }

    .telefon .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        left: 105%;
        height: auto;
    }

    .telefon:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .telefon:hover .tooltiptext {
        visibility: visible;
    }

    .telefon {
        right: 15px !important;
        left: unset;
        bottom: 300px;
    }

    .whatsapp {
        right: 15px !important;
        left: unset;
        bottom: 240px;
    }

    .telefon .tooltiptext,
    .whatsapp .tooltiptext {
        right: 105%;
        left: unset;
    }

    .telegram {
        position: fixed;
        right: 15px;
        bottom: 180px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .telegram a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #27A7E5;
    }

    .telegram .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }

    .telegram:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .telegram:hover .tooltiptext {
        visibility: visible;
    }

    .instagram {
        position: fixed;
        right: 15px;
        bottom: 120px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .instagram a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #fd3a67;
    }

    .instagram .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }
</style>

<div class="telefon">
    <a href="tel:0555 555 55 55" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a>
    <span class="tooltiptext">Telefon</span>
</div>

<div class="whatsapp">
    <a href="https://api.whatsapp.com/send?phone=905555555555" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a>
    <span class="tooltiptext">WhatsApp</span>
</div>
<div class="instagram">
    <a href="https://instagram.com" target="_blank" title="instagram" alt="instagram"><i class="fab fa-instagram"></i></a>
    <span class="tooltiptext">İnstagram</span>
</div>

<div class="telegram">
    <a href="https://telegram.com/" target="_blank" title="Telegram" alt="Telegram"><i class="fab fa-telegram"></i></a>
    <span class="tooltiptext">Telegram</span>
</div>


-------------------Front qaynaq kod bloklama---------





-------------------Whatsap tiket manual---------



<script>
    var url = 'https://webmap.az/whatsap-widgetler/shopifyWidget.js?52710';

    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = url;

    var options = {
        "enabled": true,
        "chatButtonSetting": {
            "backgroundColor": "#4dc247",
            "ctaText": "",
            "borderRadius": "25",
            "marginLeft": "50",
            "marginBottom": "180",
            "marginRight": "16",
            "position": "right"
        },
        "brandSetting": {
            "brandName": "<?= $lan['wapfirmadi'] ?>",
            "brandSubTitle": "<?= $lan['waponline'] ?>",
            "brandImg": "https://webmap.az/wlogo/webmaplogo.png",
            "welcomeText": "<?= $lan['waptext'] ?>",
            "messageText": "<?= $lan['wapmusterimesaj'] ?> {{page_link}}",
            "backgroundColor": "#0a5f54",
            "ctaText": "<?= $lan['wapduyme'] ?>",
            "borderRadius": "25",
            "autoShow": false,
            "phoneNumber": "+994514120777"
        }
    };

    // WhatsApp Widget'ı yükleme
    s.onload = function() {
        CreateWhatsappChatWidget(options);

        // Siteye girdikten 2 saniye sonra küçük bir bildirim gösterme
        setTimeout(function() {
            // Bildirim kutusunu oluştur
            var notification = document.createElement('div');
            notification.id = 'whatsapp-notification';
            notification.style.position = 'fixed';
            notification.style.bottom = '100px';
            notification.style.right = '20px';
            notification.style.backgroundColor = '#ffffff';
            notification.style.color = '#000000';
            notification.style.padding = '10px 20px';
            notification.style.borderRadius = '10px';
            notification.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)';
            notification.style.fontFamily = 'Arial, sans-serif';
            notification.style.fontSize = '14px';
            notification.style.zIndex = '9999';
            notification.style.cursor = 'pointer';
            notification.innerText = '<?= $lan['wapelan'] ?>';

            // Bildirimi tıklayınca kaybolmasını sağla
            notification.onclick = function() {
                notification.style.display = 'none';
            };

            // Sayfaya ekle
            document.body.appendChild(notification);

            // 5 saniye sonra otomatik olarak kaldır
            setTimeout(function() {
                if (notification) {
                    notification.style.display = 'none';
                }
            }, 15000);
        }, 2000); // 2 saniye sonra bildirimi göster
    };

    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
</script>

----------------------------------------------------------Yeni duzelis etdiyim--------------------------------------

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>

<style>
    .telefon {
        position: fixed;
        left: 15px;
        bottom: 75px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .telefon a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #337ab7;
    }

    .telefon .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        left: 105%;
        height: auto;
    }

    .telefon:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .telefon:hover .tooltiptext {
        visibility: visible;
    }

    .telefon {
        right: 15px !important;
        left: unset;
        bottom: 240px;
    }



    .telefon .tooltiptext,
    .whatsapp .tooltiptext {
        right: 105%;
        left: unset;
    }

    .telegram {
        position: fixed;
        right: 15px;
        bottom: 180px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .telegram a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #27A7E5;
    }

    .telegram .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }

    .telegram:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .telegram:hover .tooltiptext {
        visibility: visible;
    }

    .instagram {
        position: fixed;
        right: 15px;
        bottom: 120px;
        transition: all .5s ease-in-out;
        z-index: 999;
    }

    .instagram a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #fd3a67;
    }

    .instagram .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }
</style>
<script>
    var url = 'https://webmap.az/whatsap-widgetler/shopifyWidget.js?52710';

    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = url;

    var options = {
        "enabled": true,
        "chatButtonSetting": {
            "backgroundColor": "#4dc247",
            "ctaText": "",
            "borderRadius": "25",
            "marginLeft": "50",
            "marginBottom": "300",
            "marginRight": "16",
            "position": "right"
        },
        "brandSetting": {
            "brandName": "<?= $lan['wapfirmadi'] ?>",
            "brandSubTitle": "<?= $lan['waponline'] ?>",
            "brandImg": "https://webmap.az/wlogo/webmaplogo.png",
            "welcomeText": "<?= $lan['waptext'] ?>",
            "messageText": "<?= $lan['wapmusterimesaj'] ?> {{page_link}}",
            "backgroundColor": "#0a5f54",
            "ctaText": "<?= $lan['wapduyme'] ?>",
            "borderRadius": "25",
            "autoShow": false,
            "phoneNumber": "<?= $lan['wapnomre'] ?>"
        }
    };

    // WhatsApp Widget'ı yükleme
    s.onload = function() {
        CreateWhatsappChatWidget(options);

        // Siteye girdikten 2 saniye sonra küçük bir bildirim gösterme
        setTimeout(function() {
            // Bildirim kutusunu oluştur
            var notification = document.createElement('div');
            notification.id = 'whatsapp-notification';
            notification.style.position = 'fixed';
            notification.style.bottom = '300px';
            notification.style.right = '70px';
            notification.style.backgroundColor = '#ffffff';
            notification.style.color = '#000000';
            notification.style.padding = '10px 20px';
            notification.style.borderRadius = '10px';
            notification.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)';
            notification.style.fontFamily = 'Arial, sans-serif';
            notification.style.fontSize = '14px';
            notification.style.zIndex = '9999';
            notification.style.cursor = 'pointer';
            notification.innerText = '<?= $lan['wapelan'] ?>';

            // Bildirimi tıklayınca kaybolmasını sağla
            notification.onclick = function() {
                notification.style.display = 'none';
            };

            // Sayfaya ekle
            document.body.appendChild(notification);

            // 5 saniye sonra otomatik olarak kaldır
            setTimeout(function() {
                if (notification) {
                    notification.style.display = 'none';
                }
            }, 15000);
        }, 2000); // 2 saniye sonra bildirimi göster
    };

    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
</script>
<div class="telefon">
    <a href="tel:<?= $telefon1 ?>" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a>
    <span class="tooltiptext">Telefon</span>
</div>
<div class="instagram">
    <a href="<?= $instagram ?>" target="_blank" title="instagram" alt="instagram"><i class="fab fa-instagram"></i></a>
    <span class="tooltiptext">İnstagram</span>
</div>

<div class="telegram">
    <a href="<?= $telegram ?>" target="_blank" title="Telegram" alt="Telegram"><i class="fab fa-telegram"></i></a>
    <span class="tooltiptext">Telegram</span>
</div>