Button + Overlay
Am einfachsten. Auf Ihrer Seite erscheint nur ein Button „Termin buchen“ – ein Klick öffnet die Buchung in einem Fenster darüber. Text und Farbe des Buttons bestimmen Sie selbst. Gut für die Startseite oder eine Kontaktseite.
Anleitung
Das Buchungs-Widget
auf Ihre Website
Eine Zeile Code, die Sie einmal einfügen – danach buchen Ihre Kundinnen direkt bei Ihnen, ohne Umweg über einen Marktplatz. Das funktioniert auf WordPress, Wix, Jimdo und selbst gebauten Seiten.
Wo Sie den Code finden
Alles auf einer Seite in der App
Melden Sie sich unter app.relaxcrm.de an und öffnen Sie links Website-Widget. Dort wählen Sie die Darstellung, sehen eine Live-Vorschau und kopieren den fertigen Code.
Zwei Möglichkeiten
Button oder Inline – was ist der Unterschied?
Beide zeigen dieselbe Buchung. Der Unterschied ist nur, wie sie auf Ihrer Seite erscheint. Sie können jederzeit wechseln.
Inline eingebettet
Die Buchung wird direkt in die Seite eingesetzt, ohne zusätzlichen Klick. Gut für eine eigene Unterseite „Termin buchen“. Mit dem Zusatz data-target="#mein-container" landet sie an einer festen Stelle.
In drei Schritten
So bauen Sie es ein
-
1
Code kopieren
In der App links Website-Widget öffnen, oben die Darstellung wählen (Button oder Inline) und bei „2. Code einfügen“ auf Code kopieren tippen. Das ist eine einzige Zeile.
-
2
HTML-Feld auf Ihrer Website öffnen
Fast jeder Website-Baukasten hat ein Feld für eigenen HTML- oder Einbett-Code. Sie fügen es an der Stelle ein, an der die Buchung erscheinen soll – wie weiter unten je Baukasten beschrieben.
-
3
Einfügen und veröffentlichen
Den kopierten Code in das HTML-Feld einsetzen, Seite speichern bzw. veröffentlichen – fertig. Ab sofort können Ihre Kundinnen direkt auf Ihrer Website buchen.
Je nach Baukasten
Wo finde ich das HTML-Feld?
Der Code ist überall derselbe – nur der Weg zum HTML-Feld unterscheidet sich. Die gängigsten Baukästen:
WordPress
Seite bearbeiten → Block „Individuelles HTML“ einfügen → Code hineinkopieren → Aktualisieren. Nicht in einen normalen Absatz einsetzen – der zeigt den Code als Text an.
Wix
Hinzufügen (+) → Einbetten → HTML-Code (Embed HTML) → Code hineinkopieren → auf der Seite platzieren.
Jimdo & Squarespace
Ein Element „HTML“ bzw. „Code“ einfügen → Code hineinkopieren → speichern.
Eigene oder selbst gebaute Seite
Den Code einmal vor dem schließenden </body> einfügen. Wer einen Webbetreuer hat: die eine Zeile weiterleiten – mehr braucht es nicht.
Feinschliff
Button anpassen
-
Beschriftung, Farbe und Rundung
Beim Modus „Button“ stellen Sie in der App Text, Farbe und die Ecken-Rundung ein – von eckig bis rund – und die Vorschau zeigt es sofort. Im Code stehen sie als
data-label,data-colorunddata-radius(Rundung in Pixeln) und lassen sich dort auch von Hand ändern. -
Feste Position beim Inline-Modus
Standardmäßig erscheint die Buchung dort, wo der Code steht. Soll sie an eine bestimmte Stelle, legen Sie dort einen Container an (z. B.
<div id="buchung"></div>) und ergänzen im Codedata-target="#buchung".
Es erscheint nichts – woran liegt's?
Fast immer daran, dass der Code in einem normalen Textabsatz statt in einem HTML-/Code-Feld steht – dann zeigt der Baukasten ihn als Text an oder blendet ihn aus. Prüfen Sie das zuerst. Hilft das nicht, leeren Sie den Cache Ihrer Website (viele Baukästen und Caching-Plugins zeigen sonst die alte Fassung). Kommt die Buchung dann immer noch nicht, rufen Sie an – wir schauen gemeinsam drauf.
Sie müssen das nicht allein machen
Wenn Sie beim Einbauen hängen bleiben oder keinen Zugriff auf Ihre Website haben: Wir sitzen in Nürnberg und helfen beim Einrichten. Rufen Sie an oder schreiben Sie an info@relaxcrm.de. Das kostet nichts extra und gilt auch in der Testphase.
Noch kein Studio angelegt?
Das Widget gibt es zu jedem Tarif. Legen Sie in wenigen Minuten Ihr Studio an, 14 Tage kostenlos und ohne Kreditkarte – danach steht der Einbau-Code für Sie bereit.
Lieber direkt sprechen? 0911 51799931