Deine Website ist das digitale Aushängeschild deines Unternehmens. Hier wird der erste Eindruck hinterlassen und hier füllt sich dein Terminkalender. Um dir dabei zu helfen, deinen Kunden ein nahtloses Erlebnis zu bieten, bietet Salonized flexible Möglichkeiten zur Integration deines Buchungs-Widgets an, egal ob du einen Pop-up-Button oder eine offene Version (Inline) bevorzugst. Folge den untenstehenden Anleitungen und entdecke, wie du es auf den gängigsten Website-Plattformen hinzufügst.
Wie kann ich den Buchungs-Widget Pop-up-Button zu meiner Website hinzufügen?
Das Hinzufügen des Buchungs-Widget-Buttons zu deiner Website ist schnell und einfach. Befolge dazu diese Schritte:
Schritt 1: Passe die Einstellungen für dein Buchungs-Widget
Logge dich bei Salonized
Klicke auf das Zahnrad-Symbol (Einstellungen) unten links
Wähle Online-Buchungen
Klicke auf „Styling und Teilen“ und passe bei Bedarf die folgenden Einstellungen an:
Farbe: Verwende die Standardfarbe oder wähle deine eigene Widget-Farbe.
Terminansicht: Zeige deine Verfügbarkeit pro Woche oder Monat an. Du kannst auch eine Option anzeigen lassen, mit der Kunden ihre Termine überprüfen können, oder einen benutzerdefinierten Hinweis in deinem Widget hinzufügen.
Schritt 2: Kopiere den Code
Scrolle zum Ende der Seite.
Wähle unter „Teilen“ die Option „Code zum Hinzufügen des Buttons auf meiner Website“.
Wähle die Position des Buttons (links oder rechts ausgerichtet).
Klicke auf „Kopieren“, um das gesamte Skript zu kopieren.
Schritt 3: Füge den Code in den Footer deiner Website ein
Logge dich in das Verwaltungssystem deiner Website ein.
Füge den kopierten Code in den Footer deiner Website ein.
Veröffentliche die Änderungen. Das Widget ist nun zu deiner Website hinzugefügt worden.
Wichtig: Wenn du die Farbe oder Position deines Widgets in Salonized aktualisierst, wird ein neuer Code generiert. Um diese Änderungen auf deiner Seite zu sehen, ersetze einfach das alte Skript durch die aktualisierte Version.
Wie kann ich den Buchungs-Widget Pop-up-Button zu meiner WordPress-Website hinzufügen?
Kopiere den Buchungs-Widget-Code von Salonized wie oben beschrieben.
Logge dich in deine WordPress-Website ein.
Klicke im linken Menü auf „Plugins“. (Falls du diese Option nicht siehst, hat dein Account möglicherweise keine Administratorrechte – dein Website-Manager kann dir hierbei helfen!)
Klicke auf „Installierte Plugins“ > „Plugin hinzufügen“
Gib in der Suchleiste „WPCode“ ein.
Klicke auf „Jetzt installieren“ > „Aktivieren“.
Du siehst nun links einen neuen Menüpunkt namens „Code Snippets“. Fahre mit der Maus darüber und wähle „Header & Footer“.
Scrolle nach unten zum Bereich Footer und füge deinen Salonized-Code in das Textfeld ein.
Klicke oben auf „Änderungen speichern“ und du bist fertig.
Wie kann ich den Buchungs-Widget Pop-up-Button zu meiner WIX-Website hinzufügen?
Kopiere den Buchungs-Widget-Code von Salonized wie oben beschrieben.
Logge dich in deine WIX-Website ein.
Gehe im linken Menü auf Einstellungen.
Scrolle zum Bereich Erweitert.
Wähle Eigener Code.
Suche den Bereich Body - Ende und klicke auf „Code hinzufügen“.
Füge den Code von Salonized in das obere Feld ein („Code-Snippet hier einfügen“).
Benenne das Tool (z. B. „Salonized Buchungs-Widget“).
Überprüfe, ob die Standardoptionen korrekt sind („Code hinzufügen zu: Alle Seiten“, „Code einmal laden“ und „Code platzieren in: Body - Ende“).
Klicke auf „Übernehmen“, um deine Änderungen zu veröffentlichen.
Wie kann ich den Buchungs-Widget Pop-up-Button zu meiner Jimdo Creator-Website hinzufügen?
Kopiere den Buchungs-Widget-Code von Salonized wie oben beschrieben.
Logge dich in deine Jimdo-Website ein.
Wähle die entsprechende Seite aus.
Klicke auf „Bearbeiten“.
Scrolle ganz nach unten zum grauen Bereich und fahre mit der Maus darüber.
Klicke auf „Inhalt hinzufügen“ > „Weitere Elemente und Add-ons“.
Wähle das HTML-Element aus.
Füge den Salonized-Code in das HTML-Element ein.
Klicke auf „Speichern“.
Wie kann ich den Buchungs-Widget Pop-up-Button zu meiner Weebly-Website hinzufügen?
Kopiere den Buchungs-Widget-Code von Salonized wie oben beschrieben.
Logge dich in deine Weebly-Website ein.
Klicke auf „Website bearbeiten“.
Gehe in der oberen Leiste auf „Einstellungen“.
Klicke im linken Menü auf „SEO“.
Gehe zu „Footer-Code“ und füge dort deinen Salonized-Code ein.
Klicke auf „Speichern“ > „Veröffentlichen“.
Wie verknüpfe ich einen benutzerdefinierten Button mit dem Buchungs-Widget über WordPress?
Du kannst das Buchungs-Widget von jedem Menüpunkt oder Button auf deiner Seite aus über einen eindeutigen „Anker-Link“ auslösen. Du hast verschiedene Möglichkeiten, dies einzurichten:
Option A: Zum Hauptmenü hinzufügen:
Logge dich in deinen WordPress-Account ein.
Gehe zu Design > Menüs.
Wähle Individuelle Links aus der linken Spalte aus.
Gib im URL-Feld (https://static-widget.salonized.com/loader.js) ein: #sz-booking-toggle.
Gib bei Link-Text den gewünschten Button-Namen ein (z. B. „Jetzt buchen“).
Klicke auf „Zum Menü hinzufügen“ und dann auf „Menü speichern“.
Option B: Zu einem Button auf einer Seite hinzufügen:
Öffne den Editor der Seite mit dem alten Button.
Wähle deinen Button aus oder markiere den Text, den du verlinken möchtest.
Klicke auf das Hyperlink-Symbol.
Gib im URL-Feld (https://static-widget.salonized.com/loader.js) ein: #sz-booking-toggle
Klicke auf „Aktualisieren“ oder „Speichern“, um deine Änderungen zu bestätigen.
Wie füge ich das offene (Inline) Buchungs-Widget zu meiner Website hinzu?
Die „offene“ oder „Inline“-Version ermöglicht es dir, das gesamte Buchungserlebnis direkt in den Hauptteil einer Webseite einzubetten. Im Gegensatz zu einem Pop-up-Button bleibt diese Version auf der Seite sichtbar (z. B. auf deiner Homepage oder einer speziellen Buchungsseite), sodass Kunden ohne zusätzliche Klicks sofort mit der Terminplanung beginnen können. Gehe wie folgt vor, um es hinzuzufügen:
Schritt 1: Passe die Einstellungen an
Logge dich bei Salonized ein.
Gehe zu „Einstellungen“ > „Online-Buchungen“ > „Styling und Teilen“.
Wähle deine Farbe.
Wähle die Freigabeoption „Code zum Hinzufügen eines offenen Buchungs-Widgets auf meiner Website“.
Wähle die Größe: Du kannst „Automatisch anpassen“ aktiviert lassen oder eine „Benutzerdefinierte Breite“ wählen.
Passe bei Bedarf die Höhe an.
Schritt 2: Kopiere den Code
Klicke unten auf der Seite auf „Kopieren“.
Hinweis: Diese Einstellungen beeinflussen das Skript. Lege deine Präferenzen fest, bevor du den Code kopierst. Wenn du die Einstellungen änderst, musst du den Code auf deiner Seite ersetzen.
Schritt 3: Füge den Code zu deiner Website hinzu
Um das offene Buchungs-Widget zu Weebly hinzuzufügen:
Logge dich bei Weebly ein und klicke auf „Website bearbeiten“.
Gehe zu „Seiten“ und wähle die gewünschte Seite aus.
Klicke auf </> (Code einbetten) und ziehe es an die gewünschte Position.
Klicke auf „Benutzerdefiniertes HTML bearbeiten“ und füge deinen Code ein.
Klicke auf „Veröffentlichen“, um deine Änderungen zu speichern.
Um das offene Buchungs-Widget zu Mijndomein hinzuzufügen:
Logge dich bei Mijndomein ein
Gehe zu „Produkte“.
Wähle „Verwalten“ neben Websitemaker aus
Klicke auf „Login Websitemaker“.
Gehe zu der Seite, auf der du das Widget hinzufügen möchtest.
Klicke im Menü „Widgets“ auf „HTML“ und ziehe es auf die Seite.
Klicke auf „Fügen Sie hier Ihr eigenes HTML hinzu“, lösche den Platzhaltertext, füge deinen Code ein und klicke auf „Aktualisieren“.
Klicke oben rechts auf „Erneut veröffentlichen“.
Und du bist fertig! Du hast dein offenes Buchungs-Widget erfolgreich zu deiner Website hinzugefügt.
Wenn du Fragen hast oder weitere Hilfe benötigst, kontaktiere uns über den Chat oder unter (+31) 020 893 2386.
Weitere Informationen zum Online-Buchungs-Widget findest du in diesem Artikel.