WhatsApp Messenger'ı Rezervasyon Motorunuza Ekle

Bu makale, misafirlerinin seninle daha hızlı ve etkili iletişim kurmasını sağlamak için Rezervasyon Motoruna (tıklanabilir görsel veya kayan buton olarak) WhatsApp Messenger butonunun nasıl ekleneceğini açıklar.

Rezervasyon Motoru Plus için WhatsApp Messenger

WhatsApp Messenger'ı Rezervasyon Motoru Plus'ına kayan buton olarak eklemek için aşağıdaki adımları takip et:

1. Hesap menüsündeki Ayarlar sayfasına git ve Rezervasyon Motoru bölümüne tıkla
2. Özelleştir sekmesine tıkla
3. Aşağıdaki özelleştirme kodunu kopyala ve Özel Meta Etiketler bölümüne yapıştır.
4. Kaydet

Önemli: Misafirlerini WhatsApp'a doğru yönlendirmek için, 'aşağıdaki telefon numarasını değiştir' metniyle başlayan yorum satırından sonra telefon numarasını düzenle:

<!-- **BAŞLANGIÇ** 19.07.2024 tarihli stilize kapatma (X) butonlu kayan WhatsApp butonu ekler **BAŞLANGIÇ** -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- Aşağıdaki telefon numarasını, ülke kodu dahil olmak üzere kendi numaranla '1234567890' değiştir. İstersen, aşağıdaki 'Hello' metnini kendi karşılama mesajınla değiştir. Başka hiçbir şeyi değiştirme veya tırnak işaretlerini silme. -->
<a href="https://api.whatsapp.com/send?phone=1234567890&text=Hello" class="cb-floating-whatsapp" target="_blank">
<i class="fa-brands fa-whatsapp"></i>
</a>
<button class="cb-floating-whatsapp-close" aria-label="WhatsApp butonunu kapat">
<i class="fa-solid fa-xmark"></i>
</button>
<style>
.cb-floating-whatsapp {
position: fixed;
width: 60px;
height: 60px;
bottom: 70px;
right: 25px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 30px;
z-index: 10000;
}
.cb-floating-whatsapp-close {
position: fixed;
width: 20px;
height: 20px;
bottom: 125px;
right: 20px;
background-color: #25d366;
color: white;
border: none;
font-size: 20px;
z-index: 10001;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.cb-floating-whatsapp-close i {
font-size: 15px;
font-weight: 700;
}
</style>
<!-- **BİTİŞ** 19.07.2024 tarihli stilize kapatma (X) butonlu kayan WhatsApp butonu ekler **BİTİŞ** -->

5. Aşağıdaki özelleştirme kodunu Kopyala ve JavaScript bölümüne yapıştır
6. Kaydet

<!-- **BAŞLANGIÇ** Stilize kapatma (X) butonu işlevi için JavaScript yüzen WhatsApp butonu scripti 19.07.2024 **BAŞLANGIÇ** -->
<script>
document.addEventListener("DOMContentLoaded", function() {
var whatsappButton = document.querySelector('.cb-floating-whatsapp');
var closeButton = document.querySelector('.cb-floating-whatsapp-close');
closeButton.addEventListener('click', function() {
whatsappButton.style.display = 'none';
closeButton.style.display = 'none';
});
});
</script>
<!-- **BİTİŞ** Stilize kapatma (X) butonu işlevi için JavaScript yüzen WhatsApp butonu scripti 19.07.2024 **BİTİŞ** -->