Meine Buchungsseite gestalten
Deine Buchungsseite ist die öffentliche Seite deines Studios unter dein-name.bookicorn.net. Dort sehen Kunden deine Angebote und buchen. Aufbau und Aussehen der Seite bearbeitest du im Bookicorn Manager unter Meine Buchungsseite. Was die einzelnen Bausteine können, steht auf der Seite Bausteine der Buchungsseite.
Meine Buchungsseite im Manager öffnen
Die Buchungsseite bearbeitest du unter Manager → Einstellungen → Meine Buchungsseite, direkt unter app.bookicorn.net/buchungsseite. Nur Admins können die Buchungsseite bearbeiten, Trainer sehen dort „Kein Zugriff auf diesen Bereich“.
Am Rechner steht oben rechts im Manager zusätzlich ein Knopf mit dem Zustand deiner Seite („Live“ oder „Nicht öffentlich“). Er öffnet ein Menü mit Meine Buchungsseite, Seite öffnen und URL kopieren.
Die Buchungsseite am Rechner bearbeiten
Am Rechner und in breiten Browserfenstern zeigt der Manager die echte Buchungsseite und daneben links eine Leiste mit zwei Reitern:
- Widget-Bibliothek: alle Bausteine, nach Bereichen sortiert, mit dem Suchfeld „Widget suchen...“. Ein Klick fügt den Baustein am Ende der Seite ein. Du kannst ihn auch an die gewünschte Stelle der Seite ziehen.
- Design: Design-Thema, Farben, Kopf- und Fußbereich, Logo, Schrift und mehr.
Klickst du auf der Seite auf einen Baustein, öffnen sich daneben die Widget-Einstellungen. Ein Klick auf den Kopf- oder Fußbereich der Seite springt direkt zu den passenden Einstellungen unter Design.
An jeder Reihe der Seite stehen kleine Werkzeuge: Nach oben, Nach unten, Spalten, Widget-Einstellungen, Duplizieren und Entfernen. Über Spalten teilst du eine Reihe in mehrere Spalten, zum Beispiel „2 gleich“ oder „2/3 + 1/3“.
Die Leiste über der Seite enthält:
- Rechner, Tablet und Telefon: zeigen die Seite in der Breite des Geräts.
- das Mond- bzw. Sonnensymbol: schaltet die Vorschau zwischen hell und dunkel um.
- Vorschau: öffnet deine Buchungsseite in einem neuen Fenster.
- den Knopf mit dem Zustand der Seite („Live“ oder „Nicht öffentlich“).
- Speichern.
Ein farbiger Punkt neben dem Titel zeigt, dass Änderungen noch nicht gespeichert sind.
Die Buchungsseite am Handy bearbeiten
Am Handy und in schmalen Browserfenstern zeigt Meine Buchungsseite die Bausteine als Liste statt als Seite:
- Mit dem Griff links (drei Striche) hältst du einen Baustein gedrückt und ziehst ihn an eine andere Stelle.
- Tippst du auf den Namen, öffnen sich die Widget-Einstellungen.
- Das rote Minus rechts entfernt den Baustein nach einer Rückfrage.
- Widget hinzufügen öffnet die Widget-Bibliothek.
Darunter stehen Inhalte, die Sichtbarkeit deiner Buchungsseite und Farben. Farben öffnet den Bereich Design. Oben stehen Vorschau, der Knopf mit dem Zustand der Seite („Live“ oder „Nicht öffentlich“) und Speichern.
Spalten stellst du am Rechner ein. Stehen Bausteine in einer Reihe nebeneinander, zeigt die Liste am Handy darunter zum Beispiel „2 nebeneinander am Rechner“.
Änderungen an der Buchungsseite speichern und veröffentlichen
Speichern veröffentlicht deine Änderungen sofort. Es gibt keinen zweiten Schritt: Nach dem Speichern erscheint „Seite veröffentlicht“, und Besucher sehen den neuen Stand. Das betrifft Bausteine, Reihenfolge, Design-Thema, Farben, Logo und Schrift.
Einige Einstellungen gelten sofort, ohne dass du speichern musst: die Anzeige-Optionen im Kopfbereich, der Fußbereich, der Punkt Datenschutz und die Anzeige-Optionen an einzelnen Bausteinen. Dort steht „Diese Einstellung gilt für die ganze Buchungsseite, nicht nur für dieses Widget.“
Ob Kunden deine Seite überhaupt sehen, hängt nicht am Speichern, sondern an der Sichtbarkeit (Live oder Nicht öffentlich).
Reihenfolge der Bausteine auf der Buchungsseite ändern
Die Reihenfolge der Bausteine auf deiner Buchungsseite änderst du unter Manager → Einstellungen → Meine Buchungsseite:
- Am Handy: Baustein am Griff links gedrückt halten und an die neue Stelle ziehen („Zum Sortieren gedrückt halten und ziehen.“).
- Am Rechner: An der Reihe Nach oben oder Nach unten klicken.
Danach Speichern.
Reihenfolge der Angebote auf der Buchungsseite ändern
Die Reihenfolge der Angebote im Baustein Angebote-Raster stellst du in dessen Widget-Einstellungen unter Sortierung ein:
- Datum aufsteigend (Vorgabe): das Angebot mit dem nächsten Termin zuerst.
- Datum absteigend
- Name (A-Z)
- Beliebte zuerst: nach der Zahl der Buchungen.
Besucher können die Sortierung über der Liste selbst umstellen und nach Angeboten suchen. Eine frei festgelegte, manuelle Reihenfolge einzelner Angebote gibt es nicht.
Willst du bestimmte Angebote getrennt zeigen, nutze mehrere Angebote-Bausteine mit Nach Kategorie filtern, Nach Person filtern oder Nach Angebot filtern. Jeder Baustein zeigt dann nur die gewählten Angebote.
Design-Thema der Buchungsseite wählen
Das Design-Thema ist die Vorlage für Aussehen und Aufbau deiner Buchungsseite. Du wählst es unter Meine Buchungsseite → Design → Design-Thema. Es gibt sieben Themen:
| Thema | Beschreibung im Manager |
|---|---|
| Standard | Klare Struktur, viel Weißraum, ruhige Typografie. |
| Aura | Weiche Serifen, viel Luft, sanfte Rundungen. |
| Volt | Kräftiges Split-Layout, große Typo, energiegeladen. |
| Pop | Verspielt und rund, große Karten, viel Bewegung. |
| Brut | Roh und monospace, harte Kanten, maximaler Kontrast. |
| Atrium | Strukturiert und seriös, redaktionelle Hierarchie. |
| Atelier | Editorial und reduziert, elegante Typografie. |
Vorsicht beim Wechsel: Das neue Thema ersetzt den Aufbau deiner Seite durch sein Standard-Layout und übernimmt seine Schriften. Farben, Logo und Kopfbereich bleiben erhalten. Deshalb fragt der Manager vorher nach („Design-Thema wechseln?“).
Farben der Buchungsseite ändern
Die Farben deiner Buchungsseite änderst du unter Meine Buchungsseite → Design → Farben. Ohne eigene Farben gilt die Farbpalette des Design-Themas. Schalte Eigene Farben ein, dann kannst du getrennt für Hell und Dunkel diese Farben setzen:
| Farbe | Wirkt auf |
|---|---|
| Primärfarbe | Hervorhebungen, aktive Elemente und Preise |
| Buttons | Buttons. Die Schriftfarbe darauf wird automatisch lesbar gewählt |
| Akzent | Badges, Markierungen und Kalender-Auswahl |
| Hintergrund | Seitenhintergrund und Eingabefelder |
| Oberfläche | Karten und Kacheln |
| Rahmen | Linien und Rahmen um Karten |
| Überschriften | Nur Überschriften, unabhängig vom Fließtext |
| Text | Fließtext und Überschriften |
| Sek. Text | Ergänzende Angaben wie Datum und Dauer |
| Footer-Fläche | Fläche des Footers |
| Footer-Schrift | Schrift im Footer. Leer = automatisch lesbar |
Setzt du eine eigene Primärfarbe, aber keine Button-Farbe, übernehmen die Buttons die Primärfarbe. Nach dem Ändern Speichern.
Die Farbe eines einzelnen Angebots (für seine Karte, wenn es kein Bild hat) stellst du am Angebot ein: Angebote → Angebot → Bearbeiten → Für Kunden → Auftritt → Farbe.
Farbe des Schnupperangebots auf der Buchungsseite ändern
Der Baustein Schnupperangebot hat eine farbige Fläche mit Farbverlauf. Dieser Verlauf gehört zum Design-Thema. Mit Eigene Farben änderst du ihn nicht, er ändert sich nur, wenn du ein anderes Design-Thema wählst.
Andere Teile des Bausteins folgen deinen eigenen Farben:
- Der Knopf „Schnupperangebot sichern“ hat die Farbe Text, seine Schrift die Farbe Hintergrund.
- Die Preise weiterer Schnupperangebote stehen in der Primärfarbe.
Hell- und Dunkelmodus der Buchungsseite
Unter Meine Buchungsseite → Design stehen ganz oben zwei Einstellungen zum Erscheinungsbild:
- Umschalter für Besucher: zeigt auf deiner Buchungsseite einen Umschalter, mit dem Besucher selbst zwischen hell und dunkel wechseln.
- Modus beim ersten Aufruf: Hell oder Dunkel.
Das Mond- bzw. Sonnensymbol in der Leiste über dem Editor ändert nur die Vorschau im Manager, nicht deine Seite.
Kopfbereich der Buchungsseite: Logo-Größe und Menü
Unter Meine Buchungsseite → Design → Kopfbereich wählst du die Header-Variante:
- Minimal: nur Logo und Hell-Dunkel-Umschalter.
- Mit Navigation: Logo und Links zu den Bereichen der Seite.
- Mit Schnellbuchung: Logo, Navigation und ein Buchen-Knopf.
Darunter stehen die Anzeige-Optionen: Logo-Größe (Klein, Mittel, Groß, Sehr groß), Menüzeile anzeigen, Position des Menüs und bei „Mit Schnellbuchung“ zusätzlich Buchen-Knopf auf dem Handy. Diese Anzeige-Optionen gelten sofort.
Logo und Favicon der Buchungsseite
Das Logo im Kopf deiner Buchungsseite kommt zuerst aus Einstellungen → Allgemein (Logo hochladen). Unter Meine Buchungsseite → Design → Logo & Favicon kannst du ein weiteres Logo und ein Favicon hinterlegen. Das Logo dort wirkt aber nur, solange unter Allgemein kein Logo hinterlegt ist. Der Manager zeigt dann den Hinweis dazu und den Link Allgemeines Logo verwalten.
Beim Favicon (das kleine Bild im Browser-Tab) zählt zuerst das Favicon unter Logo & Favicon, dann das unter Allgemein, zuletzt das Logo. Wie groß Bilder sein dürfen, steht unter Bilder hochladen.
Fußbereich der Buchungsseite: Kontaktdaten
Unter Meine Buchungsseite → Design → Fußbereich trägst du Instagram, E-Mail, Telefon und Website ein. Diese Angaben erscheinen im Fuß deiner Buchungsseite und im Baustein Kontakt. Sie gelten sofort.
Lässt du E-Mail, Telefon oder Website hier leer, nimmt die Buchungsseite die Angaben aus Einstellungen → Allgemein → Kontaktinformationen.
Schrift und Feinheiten der Buchungsseite
Unter Meine Buchungsseite → Design → Schrift & Erweitert wählst du den Überschriften-Font und den Fließtext-Font aus einer festen Liste. Darunter stehen die Erweiterten Anpassungen: Ecken-Rundung, Dichte, Schatten, Section-Abstand, Seitenbreite, Rahmenstärke und Eyebrow-Labels (die kleinen Überschriften über den Abschnitten). Sie wirken auf alle Bausteine gleichzeitig.
Trainer auf der Buchungsseite nur mit Vornamen zeigen
Unter Meine Buchungsseite → Design → Datenschutz schaltest du Nur Vornamen anzeigen ein. Dann erscheinen deine Trainer auf der Buchungsseite nur mit Vornamen, zum Beispiel „Mia“ statt „Mia Schneider“. Die Einstellung gilt sofort für die ganze Seite.
Inhalte der Buchungsseite: Galerie, Fragen, Texte, Ausstattung
Einige Bausteine zeigen Inhalte, die du zentral pflegst. Du findest sie unter Meine Buchungsseite → Inhalte oder in den Widget-Einstellungen des passenden Bausteins:
- Galerie: höchstens zwölf Bilder. Jedes Bild hat Titel, Beschreibung, Alt-Text und den Schalter Als Hero-Bild zeigen.
- Häufige Fragen: eigene Fragen und vorgegebene Fragen.
- Texte: Kurzvorstellung (bis 200 Zeichen), Über uns (bis 1500 Zeichen) und Anfahrt (bis 800 Zeichen).
- Ausstattung: Ausstattung und Annehmlichkeiten zum Ankreuzen, dazu eigene Einträge.
Bilder mit Als Hero-Bild zeigen erscheinen nicht im Baustein Galerie, sondern im Baustein Hero, solange du dort keine eigenen Slides eingetragen hast. Neu hochgeladene Galerie-Bilder sind zunächst als Hero-Bild markiert. Soll ein Bild in der Galerie erscheinen, öffne es und schalte Als Hero-Bild zeigen aus.
Buchungsseite auf Standard zurücksetzen
Unter Meine Buchungsseite → Design steht ganz unten Zurücksetzen. Es setzt die Seite auf den Standard des aktuellen Design-Themas zurück: Bausteine, Farben, Schriften, Header-Variante, Hell-Dunkel-Einstellungen sowie Logo und Favicon unter Logo & Favicon. Der Manager fragt vorher nach. Erst mit Speichern wird der zurückgesetzte Stand veröffentlicht. Dein Logo unter Einstellungen → Allgemein bleibt davon unberührt.
Buchungsseite öffentlich schalten: Live oder Nicht öffentlich
Ob Besucher deine Buchungsseite sehen, stellst du an einer von drei Stellen ein. Alle drei ändern dieselbe Einstellung:
- Meine Buchungsseite → Sichtbarkeit deiner Buchungsseite: Live („Für alle sichtbar“) oder Nicht öffentlich („Nur dein Team“).
- Am Rechner der Knopf mit dem Zustand oben rechts im Manager oder in der Leiste über dem Editor.
- Einstellungen → Allgemein → Öffentliche Seite → Studioseite online/offline.
Auf Live schaltet die Seite sofort. Wechselst du von Live auf Nicht öffentlich, fragt der Manager nach („Buchungsseite deaktivieren?“). Eine Seite, die nicht öffentlich ist, geben wir nicht für Suchmaschinen frei.
Warum die Buchungsseite „Hier entsteht etwas Neues“ zeigt
Steht deine Buchungsseite auf Nicht öffentlich, sehen Besucher statt deiner Seite nur „Hier entsteht etwas Neues“ und „Die Buchungsseite von … ist bald verfügbar.“ Das ist die einzige Ursache: Die Seite zeigt sich, sobald die Sichtbarkeit auf Live steht.
So löst du das:
- Öffne Manager → Einstellungen → Meine Buchungsseite.
- Wähle unter Sichtbarkeit deiner Buchungsseite den Eintrag Live. Am Rechner geht das auch über den Knopf „Nicht öffentlich“ oben rechts.
- Lade deine Buchungsseite im Browser neu.
Auch die Vorschau aus dem Manager kann „Hier entsteht etwas Neues“ zeigen, solange die Seite nicht öffentlich ist. Die Anmeldung im Manager zählt dafür nicht, denn die Buchungsseite läuft auf einer anderen Adresse.
Speichern im Editor allein macht die Seite nicht sichtbar. Speichern veröffentlicht den Inhalt, die Sichtbarkeit stellst du getrennt ein.
Adresse (URL) der Buchungsseite ändern
Die Adresse deiner Buchungsseite, zum Beispiel yoga-loft.bookicorn.net, legst du bei der Registrierung unter „Deine Adresse“ fest. Du siehst sie unter Einstellungen → Allgemein → Öffentliche Seite.
Im Manager kannst du die Adresse nicht selbst ändern. Schreib uns an hey@bookicorn.net, dann ändern wir sie für dich. Bedenke dabei: Nach einer Änderung führen eingebettete Widgets, QR-Codes und Links in bereits versendeten Mails ins Leere.
Eine ganz eigene Adresse wie buchen.dein-studio.de bekommst du mit dem Addon Eigene Domain, siehe Eigene Domain.
Studionamen ändern
Den Namen deines Studios änderst du unter Einstellungen → Allgemein im Feld Studio-Name (bei eigenen Bezeichnungen steht dort dein Begriff). Die Änderung wird sofort gespeichert. Die Adresse deiner Buchungsseite ändert sich dadurch nicht.
Buchungsseite teilen
Unter Manager → Einstellungen steht Buchungsseite teilen. Darüber teilst du den Link zu deiner Buchungsseite. Am Rechner kopierst du den Link auch über den Knopf mit dem Zustand oben rechts und URL kopieren.
Häufige Fragen
Ich habe gespeichert, aber meine Seite zeigt „Hier entsteht etwas Neues“. Speichern veröffentlicht den Inhalt, macht die Seite aber nicht sichtbar. Stelle unter Meine Buchungsseite → Sichtbarkeit deiner Buchungsseite auf Live.
Wo bearbeite ich die einzelnen Widgets? Unter Einstellungen → Meine Buchungsseite. Am Handy tippst du auf den Namen des Bausteins, am Rechner klickst du auf der Seite auf den Baustein. Es öffnen sich die Widget-Einstellungen.
Wie ändere ich die Farbe vom Schnupperangebot? Der Farbverlauf gehört zum Design-Thema und ändert sich nur mit einem anderen Thema. Der Knopf folgt den Farben Text und Hintergrund unter Design → Farben → Eigene Farben.
Kann ich die Reihenfolge der Angebote selbst festlegen? Nicht einzeln. Im Angebote-Raster wählst du unter Sortierung nach Datum, Name oder Beliebtheit. Getrennte Gruppen baust du mit mehreren Angebote-Bausteinen und Filtern.
Wie ändere ich meine URL? Das machen wir für dich, schreib an hey@bookicorn.net. Links, QR-Codes und eingebettete Widgets mit der alten Adresse funktionieren danach nicht mehr.
Ändert ein neues Design-Thema meine Inhalte? Es ersetzt den Aufbau der Seite durch das Standard-Layout des Themas. Farben, Logo und Kopfbereich bleiben. Deine Inhalte wie Galerie, Texte und Angebote bleiben ebenfalls erhalten.