Wichtig vorab: Du musst auf dieser Seite nichts zwingend einstellen, um live zu gehen und mit dem Verkauf zu starten. Die Standardeinstellungen funktionieren bereits wunderbar. (Schau dir unsere Anleitung zur Einfachen Einrichtung an, falls du noch ganz am Anfang stehst.) Alles, was wir dir hier zeigen, ist reiner Feinschliff.
Deinen Buchungs-Button anpassen
Der Start-Knopf (oft "Trigger-Button" genannt) ist der kleine, schwebende Button auf deiner Website, über den deine Gäste dein Widget öffnen.
Öffne in den Einstellungen deines Widgets den Bereich Erweiterte Einstellungen. Meistens ist dieser Bereich eingeklappt – klicke einfach darauf, um ihn zu öffnen.
Hier kannst du den Button genau nach deinen Wünschen gestalten:
Symbol: Wähle zwischen gar keinem Symbol, einer kleinen Einkaufstasche oder einem Ticket.
Ausrichtung: Bestimme, wo der Button auf deiner Website auftauchen soll (z. B. unten rechts oder oben links).
Text: Entscheide, ob neben dem Symbol auch Text stehen soll (Yes = Ja, No = Nein).
Größe: Wähle zwischen klein (small) und mittelgroß (medium).
Animation: Soll der Button dezent auf sich aufmerksam machen? Wähle kleine Bewegungseffekte wie ein sanftes Wackeln oder Aufleuchten.
Stil: Soll der Button flach aussehen, eine Umrandung haben oder einen Schatten werfen?
Farbe: Lass ihn entweder schlicht (neutral) oder lass ihn in deiner eigenen Markenfarbe (primary) erstrahlen.
Verhalten beim Scrollen: Soll der Knopf mitschweben (floating) oder fest am Bildschirmrand kleben (sticky)?
Automatisch öffnen (Open on load): Bestimme, ob sich der Shop von selbst öffnet, sobald jemand deine Seite besucht (Yes), oder ob der Shop auf den ersten Klick deiner Gäste warten soll (No).
Deine Firmenfarben einstellen
Unter dem Punkt Farben (Widget colour palette) kannst du das Aussehen deines Webshops an deine eigene Marke anpassen:
Lege deine Hauptfarbe fest. Du kannst dabei zwischen der normalen Ansicht (Light mode) und der dunklen Ansicht (Dark mode) wählen.
Das System ist so clever, dass es die passenden Hintergrund- und Textfarben automatisch für dich berechnet. So ist sichergestellt, dass deine Texte immer gut lesbar sind. (Wenn du es ganz genau nehmen willst, kannst du auf Show full palette klicken und alle Farbwerte im Detail nachjustieren).
Über der Vorschau findest du einen Schalter. Damit kannst du jederzeit testen, wie dein Widget im hellen und im dunklen Modus aussieht, bevor du es speicherst.
Tipp: Wenn du möchtest, dass auch der kleine Buchungs-Button auf deiner Website in deiner Hauptfarbe leuchtet, wähle bei den Button-Einstellungen (siehe oben) einfach Primary als Farbe aus.
Den KI-Assistenten zuschalten (jederzeit möglich)
Auf derselben Einstellungsseite findest du einen Schalter, um den KI-Chat einzublenden (Display AI chat). Klickst du diesen an, startest du die Verbindung zu unserem Partner Punku, der den Chat-Assistenten antreibt. Wenn du dort schon ein Konto hast, geht es sofort los – falls nicht, leitet Punku dich ganz einfach durch die schnelle Einrichtung. Die Aktivierung des KI-Chats in bookingkit kostet nichts - für die weitere Nutzung wählst du direkt bei Punku dann dein passendes Paket.
Du musst hier nicht sofort entscheiden. Du kannst den Assistenten direkt beim Start zuschalten oder erst einmal schauen, wie dein Webhop ohne KI-Chat läuft. Aus Erfahrung wissen wir jedoch: Wenn Webshop und KI-Assistent Hand in Hand arbeiten, verkaufen sich deine Erlebnisse und Gutscheine am besten. Beide greifen wie kleine Zahnräder ineinander, um aus Besuchern deiner Webseite echte Käufer zu machen.
Auch hier gilt das Prinzip der Einfachheit: Du brauchst dafür keinen neuen Code auf deiner Website. Dein bestehender Webshop-Code aktiviert auch den Chat. (Alle Details zum Einstellen des Assistenten findest du in unserer separaten Anleitung zum KI Verkaufs & Support Agent).
Für Entwickler und IT-Profis
Falls du jemanden im Team hast, der Websites programmiert, oder du selbst tief in den Code einsteigen möchtest, gibt es hier die passenden Links für maximale Anpassungsmöglichkeiten:
[Entwickler-Dokumentation für das Widget 3.0] – das große technische Handbuch.
[Farben und CSS-Variablen] – für alle, die das Aussehen komplett über eigenen Code verändern wollen.
[Live-Beispiele] – Codebeispiele für verschiedene Knopf- und Widget-Designs.
[Spracheinstellungen] – alle technischen Details dazu, wie sich das Widget an verschiedene Sprachen (Lokalisierung) anpasst.
Wie geht es weiter?
→ Du möchtest den Text auf dem Button in eine andere Sprache übersetzen, die runden Ecken anpassen oder hast eine ganz spezielle Detail-Frage? Schau in unsere [Häufig gestellten Fragen (FAQ)]. → Dein Shop ist noch gar nicht online? Dann beginne am besten mit unserer Anleitung zur [Einfachen Einrichtung].