Produkt gesucht? Verwalten Sie Ihren Salon auf YourSalon.cz
Buchungssysteme

So binden Sie ein Buchungs-Widget auf Ihre Salon-Website ein

Von Jan Vancak· Gründer von YourSalon4 Min. Lesezeit

Die Salon-Website macht was her — Fotos, Preisliste, eine sympathische Vorstellung. Dann möchte ein Besucher einen Termin, und die Spur verliert sich. Es gibt eine Telefonnummer und vielleicht ein Kontaktformular, also schließt er den Tab, nimmt sich vor, später anzurufen, und tut es nie. Genau die Lücke zwischen „Ich will buchen" und „Ich kann buchen" ist die Stelle, an der die Website still Kunden verliert.

In dieser Anleitung geht es darum, diese Lücke direkt auf Ihrer eigenen Website zu schließen — nicht auf Instagram, nicht bei Google, sondern auf den Seiten, die Sie kontrollieren. Das Ziel ist einfach: Ein Besucher soll vom Lesen über eine Leistung bis zum bestätigten Termin gelangen, ohne die Website je zu verlassen.

Button, Widget oder eigene Seite

Buchung kann auf Ihrer Seite auf drei Arten leben, und es lohnt sich, den Unterschied zu kennen, bevor Sie Code einfügen.

  • Ein Buchungs-Button (oder Link). Die leichteste Variante. Ein „Termin buchen"-Button öffnet Ihre Online-Terminbuchung in einem neuen Tab oder Pop-up. Auf Ihrer Seite gibt es nichts zu pflegen — die Arbeit erledigt das Buchungssystem.
  • Ein eingebettetes Widget. Der Buchungskalender lebt direkt auf Ihrer Seite — der Besucher wählt Leistung und Zeit, ohne sie zu verlassen. Das wirkt nahtlos, als wäre die Buchung Teil Ihrer Website.
  • Eine eigene Buchungsseite. Eine ganze Seite, gehostet vom Buchungssystem. Sie verlinken sie von überall, und sie ist stets aktuell.

Die meisten Salons starten mit einem Button und ergänzen später ein Widget auf wichtigen Seiten. Wenn die Buchung selbst noch fehlt, arbeiten Sie zuerst die Anleitung zur Einrichtung der Online-Terminbuchung durch — der Button ist nur so gut wie der Kalender dahinter.

Wohin mit dem „Buchen"-Button (und warum)

Ein Button auf der Kontaktseite reicht nicht. Ein Besucher sollte nie scrollen oder suchen müssen, wie man bucht. Setzen Sie den Handlungsaufruf überall dorthin, wo eine Entscheidung fällt.

PlatzierungWarum es wirkt
Kopf / NavigationAuf jeder Seite sichtbar, also Buchung mit einem Tipp, egal wo jemand landet.
Hero (oben auf der Startseite)Fängt den buchbereiten Besucher über der Falz ab, noch vor dem Scrollen.
Neben jeder LeistungDer Moment, in dem jemand einen Preis liest und ihn mag, ist der Moment des Handelns.
Klebrige Leiste am HandyEine fixierte „Buchen"-Leiste am unteren Rand folgt am Handy dem Daumen.
FußzeileFängt Leser ab, die bis zum Ende gescrollt haben und noch überlegen.
Kontakt / Über unsWer prüft, mit wem er es zu tun hat, entscheidet oft genau dort.

Auf einer Seite für eine einzelne Behandlung — einer Leistungs-Landingpage — zählt der Button am meisten, denn der Leser hat schon Absicht gezeigt. Und neben der Preisliste macht ein Buchungs-Button aus „Was kostet das?" ein „Dann buche ich". Wenn Sie Funktionen und Tarife abwägen, zeigt die Preisübersicht, was jede Stufe enthält.

Lassen Sie es wie Ihren Salon aussehen

Button und Widget sollten die Farben und Schrift Ihrer Website übernehmen, damit sie als Teil davon wirken und nicht wie ein aufgeklebter Fremdkörper. Statt eines allgemeinen „Absenden" schreiben Sie „Termin buchen". Ein einheitliches Erscheinungsbild versichert dem Besucher, dass er nicht auf einer beliebigen fremden Seite gelandet ist und noch bei Ihnen ist. Eine aufgeräumte, markentreue Website ist der ganze Sinn der Sache; alles Weitere, was sie braucht, finden Sie im Beitrag was auf die Salon-Website gehört.

Machen Sie es auf dem Handy richtig

Die meisten finden Sie am Handy, also muss Buchung auf kleinem Bildschirm fehlerfrei sein.

  • Eine klebrige „Buchen"-Leiste, die beim Scrollen sichtbar bleibt.
  • Große Tippflächen, damit ein Daumen keinen winzigen Link treffen muss.
  • Kein Zoomen und kein seitliches Scrollen, dazu ein schnelles Laden.
  • Widget und Buchungsseite müssen mobile-first gedacht sein, nicht vom Desktop geschrumpft.

Testen Sie den ganzen Ablauf, bevor Sie ihm vertrauen

Buchen Sie einen echten Testtermin von einem fremden Handy und gehen Sie den ganzen Weg mit den Augen eines Kunden.

  1. Kommt eine Bestätigung per E-Mail oder SMS an?
  2. Erscheint der Termin im Kalender Ihres Buchungssystems?
  3. Geht eine Erinnerung raus, und funktionieren Stornieren und Verschieben?

Tun Sie das nach jeder Änderung der Website — eine neue Vorlage oder ein verschobener Button kann den Ablauf still kaputt machen.

Verfolgen Sie, woher Buchungen kommen

Fügen Sie dem Link UTM-Parameter hinzu und binden Sie Analytics ein, damit Sie wissen, dass die Website ihren Teil leistet. Markieren Sie den Website-Button eigens, vergleichen Sie ihn mit Buchungen von Instagram und aus Ihrem Profil bei Google und finden Sie heraus, welche Seiten wirklich konvertieren. Sobald Sie messen, hören Sie auf zu raten und verstärken, was den Kalender füllt.

Halten Sie die Verfügbarkeit synchron

Website, Instagram, Google und Laufkundschaft müssen aus einem Kalender in Echtzeit schöpfen. Wenn die Website-Buchung ihren eigenen, getrennten Plan hat, belegen Sie früher oder später einen Termin doppelt. Eine einzige Quelle der Wahrheit ist das stille Fundament, auf dem alles andere ruht.

Häufige Fehler, die Sie vermeiden sollten

  • Link zur Startseite statt direkt zur Buchung.
  • Button unter der Falz versteckt, wohin niemand scrollt.
  • Kontaktformular oder „Anfrage" statt sofortiger Buchung.
  • Eine Preisliste als PDF, mit der man nichts anfangen kann.
  • Kein klebriger Button am Handy.
  • Ein nicht synchronisierter Kalender und dadurch Doppelbuchungen.

Am schnellsten starten Sie, indem Sie ein kostenloses YourSalon-Konto erstellen, sich Buchungslink und Widget-Code holen und beide noch heute auf Ihrer Website einsetzen.

Häufige Fragen

YourSalon kostenlos testen

Online-Buchung, automatische Erinnerungen und Kasse an einem Ort.

Kostenlos starten

Weiterlesen