ℹ️ Dieser Artikel wird aktualisiert, sobald wir in den kommenden Monaten weitere Verbesserungen veröffentlichen.
Egal, welches bsport-Widget du auf deiner Website einbindest, dieselben Integrationsoptionen bestimmen, wie es sich verhält: wie es sich öffnet, in welcher Sprache es erscheint, ob es seinen eigenen Stil behält und ob sich Kund:innen direkt darüber anmelden können. Du findest diese Optionen unter Einstellungen > Widgets, in Schritt 1 · Website des Tabs Konfigurieren. Lege sie fest, bevor du zu 2 · Einrichtung und 3 · Veröffentlichen weitergehst.
1. Popup-Typ
Wähle aus, wie sich das Widget für deine Kund:innen öffnet. Jede Option wird als Karte mit einer kurzen Beschreibung angezeigt.
Neuer Tab — öffnet sich in einem neuen Browser-Tab.
Popup auf meiner Website — öffnet sich in einem Popup über deiner Website.
Neues Fenster — öffnet sich in einem separaten Popup-Fenster statt in einem Tab.
Kein Popup — öffnet sich in Vollansicht im selben Bereich, ganz ohne Popup.
2. Widget-Sprache
Das Widget wird in der Sprache angezeigt, die du unter Widget-Sprache auswählst. Wähle Browsersprache des Besuchers verwenden, wenn sich das Widget an jede:n Besucher:in anpassen soll. Diese Einstellung wirkt sich nur auf das Widget auf deiner Website aus. Sie ändert nicht die Sprache deines Back Office.
3. Standardstil beibehalten
Standardstil beibehalten verhindert, dass die Stile und das Theme deiner Website das Design des Widgets überschreiben.
Aktiviere diese Option, wenn:
die Stile deiner Website das Widget beeinträchtigen — Buttons sehen falsch aus, Textgrößen stimmen nicht oder Farben passen nicht zusammen.
du möchtest, dass das Widget genau sein ursprüngliches Design behält, ohne äußere Einflüsse.
es einen Unterschied zwischen der Vorschau im Back Office und der Darstellung auf deiner Live-Website gibt.
4. Kundenlogin mit EasyConnect
Aktiviere EasyConnect-Button hinzufügen, um ein Menü anzuzeigen, über das sich Kund:innen von deiner Website aus anmelden und auf ihr Profil, ihre Buchungen, ihren Warenkorb und ihre Mitgliedschaften zugreifen können.
Wichtig: Stelle sicher, dass Standardstil beibehalten deaktiviert ist. Wenn diese Option aktiviert ist, erscheint der EasyConnect-Button nicht.
Der Button funktioniert nur auf der Seite, auf der das Widget eingebunden ist. Er erscheint nicht auf dem Rest deiner Website.
5. Deine Widgets anpassen
Um das Erscheinungsbild deiner Widgets zu ändern, gehe zum Tab Anpassen. Du kannst Abstände, Rundungen, Schriftarten, Farben und Hintergründe anpassen und dir eine Live-Vorschau rechts ansehen. Deine Änderungen werden automatisch gespeichert.
Anpassen ist verfügbar für Kalender, Workshops, Mitgliedschaften, Lead-Akquise, Kurspässe, Empfehlung und Agent-Chat. Andere Widgets können mit Custom CSS gestylt werden.
Custom CSS
Wenn du fortgeschrittenere Gestaltungsmöglichkeiten benötigst, kannst du im Tab Custom CSS dein eigenes CSS schreiben, um das Erscheinungsbild des Widgets noch genauer zu steuern.
Wichtig: Custom CSS erfordert technisches Know-how. Wenn du dich mit CSS nicht auskennst, wende dich an deine:n Webentwickler:in, deine Agentur oder unser Support-Team.
