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.

Die Widget-Seite in RelaxCRM: links Button oder Inline wählen und den Einbau-Code kopieren, rechts die Live-Vorschau des Buttons
Die Widget-Seite in RelaxCRM: Darstellung wählen, Code kopieren, rechts die Vorschau. Echte Oberfläche, Beispielstudio mit erfundenen Daten.

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.

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.

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. 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. 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. 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

  1. 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-color und data-radius (Rundung in Pixeln) und lassen sich dort auch von Hand ändern.

  2. 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 Code data-target="#buchung".

Aus dem Alltag

Drei Studios, die es schon nutzen

Im Wortlaut, ungekürzt – mit Namen und Ort.

„Ich habe jetzt deutlich weniger Telefonate während der Behandlung.“

Ich habe RelaxCRM eingeführt, weil es mich ehrlich gesagt genervt hat, ständig während einer Behandlung ans Telefon gehen zu müssen. Gerade bei Terminanfragen war das ziemlich umständlich.

Jetzt können die Kunden ihren Termin selbst online buchen und bekommen vorher eine Erinnerung. Das funktioniert bisher wirklich gut. Auch kurzfristige Absagen sind dadurch einfacher zu handhaben.

Für mich ist es vor allem eine Erleichterung im Alltag. Ich muss mich weniger um die Terminverwaltung kümmern und kann mich während der Arbeitszeit besser auf meine Kunden konzentrieren.

FriseursalonJana Binner, Friseursalon Görlitz

„Die Terminvereinbarung läuft einfach, ohne dass ich ständig ans Telefon muss.“

Seit wir RelaxCRM nutzen, hat sich bei uns vor allem die Terminvereinbarung verändert. Früher haben viele Kunden angerufen, während gerade mehrere Leute im Laden waren. Dann musste man entweder rangehen oder später zurückrufen.

Jetzt buchen viele ihre Termine einfach selbst online. Gerade abends merken wir das deutlich, weil auch nach Feierabend noch Termine reinkommen.

Die Erinnerungen vor dem Termin finde ich ebenfalls praktisch. Insgesamt ist die Terminplanung für uns wesentlich übersichtlicher geworden und wir haben weniger Aufwand damit.

FriseursalonFriseurstudio Stephan Pierau, Frankfurt (Oder)

„Für mich ist vor allem die automatische Terminerinnerung hilfreich.“

Ich arbeite alleine und habe deshalb während einer Massage natürlich keine Möglichkeit, ans Telefon zu gehen. Trotzdem kamen früher gerade zu den ungünstigsten Zeiten Anfragen für neue Termine.

Mit RelaxCRM können die Kunden selbstständig einen passenden Termin auswählen und buchen. Das nimmt mir im Alltag einiges an Arbeit ab.

Was ich besonders gut finde, sind die automatischen Erinnerungen. Dadurch werden Termine deutlich seltener vergessen. Auch meinen Kalender habe ich jetzt viel besser im Blick.

Es ist kein System, bei dem man nach zwei Tagen alles umstellen muss – man kommt relativ schnell damit zurecht und hat dann einfach weniger Arbeit mit der Terminverwaltung.

MassagesalonWellVita, Sandra Stephan, Schwerin

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