WhatsApp Messenger zu Ihrer Buchungsmaschine hinzufügen

Dieser Artikel erklärt, wie Sie einen WhatsApp-Messenger-Button zu Ihrer Buchungsmaschine hinzufügen (als anklickbares Bild oder schwebenden Button), damit Ihre Gäste schneller und effektiver mit Ihnen kommunizieren können.

WhatsApp-Messenger für Ihre Buchungsmaschine Plus

Um WhatsApp-Messenger als schwebenden Button zu Ihrer Buchungsmaschine Plus hinzuzufügen, gehen Sie wie folgt vor:

1. Gehen Sie auf die Seite Einstellungen im Menü Konto und klicken Sie auf den Abschnitt Buchungsmaschine
2. Klicken Sie auf die Registerkarte Anpassen
3. Kopieren Sie den untenstehenden Anpassungscode und fügen Sie ihn im Abschnitt Benutzerdefinierte Meta-Tags ein.
4. Speichern

Wichtig: Um Ihre Gäste korrekt zu Ihrer WhatsApp weiterzuleiten, bearbeiten Sie die Telefonnummer nach der Kommentarzeile, die mit dem Text 'replace the phone number below' beginnt:

<!-- **START** Fügt einen schwebenden WhatsApp-Button mit einem gestalteten Schließen-(X)-Button hinzu 19.07.2024 **START** -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- Ersetze die untenstehende Telefonnummer '1234567890' durch deine Telefonnummer inklusive Ländervorwahl. Optional kannst du den Text 'Hello' durch deinen eigenen Begrüßungstext ersetzen. Bearbeite nichts anderes und lösche keine Anführungszeichen. -->
<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-Button schließen">
<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>
<!-- **END** Fügt einen schwebenden WhatsApp-Button mit einem gestalteten Schließen-(X)-Button hinzu 19.07.2024 **END** -->

5. Kopieren Sie den untenstehenden Anpassungscode und fügen Sie ihn in den JavaScript-Abschnitt ein
6. Speichern

<!-- **START** JavaScript-Skript für schwebenden WhatsApp-Button mit gestalteter Schließen-(X)-Funktion 19.07.2024 **START** -->
<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>
<!-- **END** JavaScript-Skript für schwebenden WhatsApp-Button mit gestalteter Schließen-(X)-Funktion 19.07.2024 **END** -->