Integration anlegen und bearbeiten
Eine Integration ist eine Zusammenstellung von Bausteinen, die du auf deiner Website einbettest. Du baust sie im Manager unter Website Integration. Dafür brauchst du das Addon Website Integration, siehe Website-Integration.
Neue Integration anlegen
- Öffne Manager → Website Integration, direkt unter app.bookicorn.net/integrationen.
- Tippe oben auf +, am Rechner auf Neue Integration.
- Gib unter Name der Integration einen Namen ein, zum Beispiel „Kursplan“ oder „Preise“.
- Tippe auf Speichern.
Danach öffnet sich die neue Integration zum Bearbeiten. Sie ist zunächst leer und übernimmt das Design deiner Buchungsseite. Aus dem Namen entsteht die Kennung der Integration, die im Code steht.
Nur Admins können Integrationen anlegen und bearbeiten.
Die Übersicht der Integrationen
Unter Website Integration siehst du alle Integrationen als Karten. Jede Karte zeigt, ob die Integration Aktiv oder Inaktiv ist, wie viele Bausteine sie hat und ob sie der Buchungsseite folgt („Folgt Buchungsseite“) oder ein eigenes Design hat.
Tippst du auf eine Karte, erscheint ein Menü mit Bearbeiten, Code kopieren, Vorschau, Deaktivieren (bei inaktiven Jetzt aktivieren) und Löschen.
Über den Karten stehen unter Globale Einstellungen die Standard-Einstellungen (Farben für alle Widgets) und Analytics.
Integration am Handy bearbeiten
Am Handy und in schmalen Browserfenstern zeigt die Integration ihre Bausteine als Liste:
- Mit dem Griff links (drei Striche) ziehst du einen Baustein an eine andere Stelle.
- Tippst du auf den Namen, öffnen sich die Einstellungen des Bausteins.
- Das rote Minus entfernt den Baustein.
- Widget hinzufügen öffnet die Liste aller Bausteine.
Darunter stehen Farben (das Design der Integration), Code kopieren, Vorlagen und Maße, ganz unten Speichern. Oben rechts öffnet das Augensymbol die Vorschau.
Integration am Rechner bearbeiten
Am Rechner teilt sich der Bildschirm in drei Bereiche:
- links eine Leiste mit den Reitern Widget-Bibliothek (alle Bausteine, mit Suche) und Design,
- in der Mitte Aktuelle Bausteine, die Liste deiner Bausteine,
- rechts die Vorschau des Widgets.
Einen Baustein fügst du mit einem Klick in der Leiste hinzu oder ziehst ihn in die Liste. Oben stehen Vorschau und Speichern.
Code kopieren erreichst du am Rechner über die Karte der Integration in der Übersicht. Vorlagen und Maße zeigt der Editor derzeit nur in der schmalen Ansicht. Mach dafür dein Browserfenster schmaler oder öffne die Integration am Handy.
Integration speichern und veröffentlichen
Eine Integration ist live, sobald du sie speicherst. Es gibt keinen Entwurf und keinen zweiten Schritt: Nach dem Speichern zeigt das eingebettete Widget auf deiner Website den neuen Stand. Solange du nicht gespeichert hast, bleibt der alte Stand sichtbar.
Alle Bausteine der Website-Integration
Die Bausteine sind in sechs Gruppen geteilt:
| Gruppe | Bausteine |
|---|---|
| Buchung | Kopfbereich, Kursplan, Kurskacheln, Nächste Termine, Freie Termine |
| Mitglieder | Anmelde-Knopf, Meine Buchungen, Mitglieder-Start, Profil, Geldbörse |
| Preise | Pakete, Abos, Gutscheine, Guthaben |
| Team | Team-Übersicht, Einzelprofil |
| Marketing | Bewertungen, Öffnungszeiten, Karte, Häufige Fragen, Kontakt |
| Aufbau | Überschrift, Textblock, Handlungsaufruf, Reiter, Abstand, Trennlinie |
Wichtig: Abos, Mitglieder-Start, Profil und Geldbörse stehen zwar in der Liste, zeigen im eingebetteten Widget derzeit aber nur den Hinweis „Widget … wird bald verfügbar sein“. Nutze sie deshalb noch nicht.
Einstellungen der wichtigsten Bausteine
Tippe auf einen Baustein, um seine Einstellungen zu öffnen. Viele Bausteine haben Titel und Titel zeigen.
- Kursplan: Ansicht (Tag, Woche, Monat, Kacheln), Kacheln je Reihe, Filter zeigen und die Filter Nach Kategorie filtern, Nach Person filtern, Nach Raum filtern, Nach Angebot filtern. Mit Filter zeigen steht über dem Kursplan auch ein Suchfeld: Kunden finden Angebote über Namen, Kategorie oder Person.
- Kurskacheln: Spalten, Anzahl, Bild zeigen, Beschreibung zeigen, Person zeigen und die vier Filter.
- Nächste Termine: Anzahl, Person zeigen und die vier Filter.
- Freie Termine: für Angebote mit freier Terminwahl, mit dem Addon Ressourcen auch für Ressourcen, stunden- und tageweise. Spalten, Anordnung, Bild zeigen, Beschreibung zeigen, Person zeigen, dazu die Filter nach Kategorie, Person und Angebot. Kunden wählen im Widget Angebot, Länge und Zeit oder Zeitraum; gebucht wird auf der Angebotsseite deines Studios.
- Kopfbereich: Titel, Untertitel, Bild, Knopf-Text, Knopf-Ziel, Höhe (Schlank (nur Titel), Kompakt, Normal, Groß), Abdunklung und Studioname zeigen.
- Pakete: Anordnung, Sortierung, Höchstzahl Einträge und Beliebtestes hervorheben.
- Team-Übersicht: Anordnung, Höchstzahl Einträge, Kurzvorstellung zeigen, Schwerpunkte zeigen.
- Einzelprofil: Person (ein Trainer), Kurse zeigen, Kurs-Ansicht, Kurs-Spalten, Höchstzahl Kurse, Filter nach Raum und Angebot, Kontakt-Adresse.
- Bewertungen: Stil, Anzahl, Mindestbewertung, Bewerten erlauben.
- Karte: Anfahrt zeigen, Höhe, Zoomstufe.
- Kontakt: Anschrift zeigen, Telefon zeigen, E-Mail zeigen, Webseite zeigen, Soziale Netzwerke zeigen.
- Handlungsaufruf: Titel, Beschreibung, Knopf-Text, Knopf-Ziel, Hintergrundbild, Hintergrundfarbe.
- Überschrift: Text, Ebene (Sehr groß, Groß, Mittel), Größe, Ausrichtung.
- Textblock: Inhalt, Ausrichtung.
Innerhalb eines Filters reicht ein Treffer, zwischen den Filtern müssen alle passen. Mit Filtern baust du zum Beispiel eine Integration, die nur die Yoga-Angebote zeigt.
Anmelde-Knopf, Meine Buchungen und Guthaben auf deiner Website
Die Bausteine Anmelde-Knopf, Meine Buchungen und Guthaben richten sich an angemeldete Kunden. Auf deiner Website zeigen Meine Buchungen und Guthaben eine Aufforderung zur Anmeldung („Melde dich an, um deine Buchungen zu sehen“). Anmelden öffnet deine Buchungsseite in einem neuen Tab. Dort melden sich Kunden an und sehen ihre Buchungen und ihr Guthaben.
Vorlage für eine Integration verwenden
Eine Vorlage ist ein fertiger Aufbau als Ausgangspunkt. Du findest sie in der Integration unter Vorlagen:
| Vorlage | Bausteine |
|---|---|
| Komplette Buchungsseite | Kopfbereich, Kursplan, Pakete, Team-Übersicht, Bewertungen, Häufige Fragen |
| Nur Kursplan | Kursplan in der Wochenansicht |
| Mini-Buchung | Nächste Termine, Handlungsaufruf |
| Studio-Schaufenster | Kopfbereich, Team-Übersicht, Bewertungen, Handlungsaufruf |
| Mitgliederbereich | Kursplan, Meine Buchungen, Geldbörse, Profil |
| Preise | Überschrift, Pakete, Handlungsaufruf |
Eine Vorlage ersetzt den bisherigen Aufbau. Hat die Integration schon Bausteine, fragt der Manager vorher nach. Danach Speichern.
Die Vorlage Mitgliederbereich enthält Geldbörse und Profil. Beide zeigen im eingebetteten Widget derzeit nur „wird bald verfügbar sein“. Entferne sie nach dem Anwenden oder wähle eine andere Vorlage.
Vorschau einer Integration ansehen
Vorschau öffnet das Widget in einem neuen Fenster, so wie es eingebettet aussieht. Am Rechner siehst du die Vorschau zusätzlich rechts im Editor. Sie zeigt den gespeicherten Stand.
Integration deaktivieren oder löschen
In der Übersicht tippst du auf die Integration:
- Deaktivieren: Die Integration bleibt erhalten, das eingebettete Widget zeigt aber „Widget nicht gefunden“. Mit Jetzt aktivieren schaltest du sie wieder ein.
- Löschen: entfernt die Integration nach einer Rückfrage endgültig. Der Code auf deiner Website zeigt danach ebenfalls „Widget nicht gefunden“.
Häufige Fragen
Wo bearbeite ich die einzelnen Widgets meiner Website? Unter Website Integration: Karte der Integration antippen, Bearbeiten, dann auf den Baustein tippen.
Warum zeigt ein Baustein „wird bald verfügbar sein“? Abos, Mitglieder-Start, Profil und Geldbörse sind im eingebetteten Widget noch nicht umgesetzt. Entferne sie aus der Integration.
Wie zeige ich nur bestimmte Angebote im Kursplan? Nutze im Baustein Kursplan die Filter nach Kategorie, Person, Raum oder Angebot.
Ich habe etwas geändert, aber auf meiner Website ist es nicht zu sehen. Hast du Speichern getippt? Erst nach dem Speichern zeigt das Widget den neuen Stand.
Wo finde ich Vorlagen und Maße am Rechner? Diese Einträge zeigt der Editor derzeit nur in der schmalen Ansicht. Mach das Browserfenster schmaler oder öffne die Integration am Handy.