Website Widgets

Auf einen Blick

Funktionen

Installieren und finden

1. Öffne im Hauptmenü Plugins und klicke bei Website Widgets (Bereich Website) auf Installieren. Das darf nur der Inhaber.
2. Einrichten führt direkt zur Seite Website-Widgets.

Ist auch das Plugin Check-in installiert, findest du die Seite jederzeit unter Check-in als Reiter Website-Widgets neben Übersicht, Verlauf und Geräte. Ohne Check-in erreichst du sie über Plugins und Einrichten bei Website Widgets. Oben steht dann der Hinweis "Die Auslastungsanzeige kommt aus dem Check-in. Tarif-Kacheln gehen auch ohne." mit dem Knopf "Zu den Plugins".

Mehr zum Installieren und Deinstallieren allgemein steht unter Plugins.

Die Seite Website-Widgets

Jedes Widget steht als eigene Kachel:

• Kopf: der Name des Widgets und darunter, was es zeigt, etwa "Auslastung · Hauptstandort · Ampel mit Text" oder Tarif-Kacheln · alle Verträge der Angebotsseite. Rechts der Haken "aktiv" oder "aus".
• Vorschau, so wie auf deiner Website: das Widget mit den echten, aktuellen Werten.
• Code für deine Website: der Code zum Einbinden mit dem Knopf Code kopieren (danach steht kurz Kopiert da).
• Knöpfe für den Inhaber: Bearbeiten und Löschen.

Gibt es noch kein Widget, steht dort "Noch kein Widget. Lege eins an, dann bekommst du den Code für deine Website." Unten auf der Seite fasst der Kasten "So funktioniert es" das Wichtigste zusammen.

Widget anlegen

1. Klicke oben rechts auf Widget anlegen.
2. Wähle unter Art entweder Auslastung oder Tarif-Kacheln. Vorgewählt ist Auslastung, wenn Check-in installiert ist, sonst Tarif-Kacheln.
3. Gib einen Name ein. Er ist nur für dich, etwa Startseite.
4. Fülle die Felder der gewählten Art aus (siehe Einstellungen und Optionen) und klicke auf Speichern.

Abomat meldet "Widget „Startseite“ gespeichert." Das Widget ist sofort aktiv, und in seiner Kachel steht der Code für deine Website.

Die Art lässt sich später nicht mehr ändern. Willst du aus einer Auslastung Tarif-Kacheln machen, legst du ein neues Widget an.

Auf der eigenen Website einbinden

1. Klicke in der Kachel des Widgets auf Code kopieren.
2. Öffne deine Website im Baukasten oder Redaktionssystem an der Stelle, an der das Widget stehen soll.
3. Füge dort einen Block für eigenen HTML-Code ein (in vielen Baukästen heißt er HTML, Code oder Einbetten) und setze den kopierten Code hinein.
4. Speichere und veröffentliche die Seite.

Der Code besteht aus zwei Zeilen: einem Platzhalter mit dem Schlüssel deines Widgets, an dessen Stelle das Widget erscheint, und einer Zeile, die das Widget von Abomat lädt. Er sieht etwa so aus:

```
<div data-abomat-widget="dein-widget-schluessel"></div>
<script src="https://abomat.example/widgets/abomat-widgets.js?v=2" async></script>
```

Nimm immer den Code aus deiner Kachel, nicht dieses Beispiel. Jedes Widget hat seinen eigenen Schlüssel.

Willst du mehrere Widgets zeigen, etwa die Auslastung auf der Startseite und Tarif-Kacheln auf der Preisseite, legst du je Stelle ein Widget an und fügst seinen Code ein. Stehen mehrere Widgets auf derselben Seite, reicht die Zeile mit "script" einmal; fügst du sie mehrfach ein, schadet das nicht.

Auslastung

Die Auslastung zeigt Besuchern deiner Website, wie viel gerade bei dir los ist. Sie aktualisiert sich jede Minute von selbst, ohne dass der Besucher die Seite neu laden muss. Sie zeigt nur Zahlen, nie Namen.

Je nach Einstellung Anzeige steht dort:

Darüber steht die Überschrift, die du einstellst, ohne Angabe Auslastung. Vor dem Text leuchtet ein farbiger Punkt: grün bei wenig, gelb bei mittel, rot bei viel Betrieb, grau, wenn geschlossen ist. Bei Prozent zeigt ein Balken die Auslastung. Darunter steht die Uhrzeit des Stands, etwa Stand 17:45 Uhr.

Wie Abomat zählt:

• Gezählt wird jedes Mitglied, das eingecheckt ist und dessen Verweildauer noch läuft. Die Verweildauer stellst du je Standort ein, unter Einstellungen > Standorte, Standort öffnen, Abschnitt Auslastung, Feld Verweildauer in Minuten. Ohne Angabe gelten 90 Minuten.
• Es zählen angenommene Check-ins am Gerät und Check-ins von Hand. Abgewiesene Scans, Scans im Testbetrieb, Scans an Geräten, an denen Scan zählt als Check-in aus ist, und Karten von Mitarbeitenden zählen nicht.
• Jedes Mitglied zählt einmal, auch wenn es mehrmals eingecheckt hat.
• Checkt ein Mitglied am Gerät mit der Taste Gehen aus, zählt es sofort nicht mehr.
• Mit einem Standort zählen nur Check-ins an diesem Standort. Mit "alle Standorte zusammen" zählen alle Check-ins deines Unternehmens.

Kapazität: Ampel und Prozent rechnen mit der Kapazität. Du trägst sie je Standort ein, unter Einstellungen > Standorte, Standort öffnen, Abschnitt Auslastung, Feld Kapazität (Personen gleichzeitig). Für "alle Standorte zusammen" addiert Abomat die Kapazitäten aller aktiven Standorte. Das klappt nur, wenn jeder aktive Standort eine Kapazität hat. Fehlt sie, lässt sich ein Widget mit Ampel oder Prozent nicht speichern; Abomat meldet dann, dass der Standort eine Kapazität braucht, oder schlägt Personen vor Ort vor. Entfernst du die Kapazität später, zeigt ein Widget mit Ampel oder Prozent während der Öffnungszeiten nur noch Geöffnet.

Öffnungszeiten: Außerhalb der Öffnungszeiten steht im Widget nur Geschlossen, ohne Zahlen. Es gelten die Öffnungszeiten des gewählten Standorts, bei "alle Standorte zusammen" die Öffnungszeiten aller aktiven Standorte zusammen. Hat ein Standort keine Öffnungszeiten, gilt er als immer geöffnet. Öffnungszeiten pflegst du unter Einstellungen > Standorte.

Tarif-Kacheln

Tarif-Kacheln zeigen deine Verträge auf deiner Website, so wie die Karten deiner Angebotsseite. Je Vertrag eine Kachel mit:

• Name, Kurzbeschreibung und Bild des Vertrags, dazu die Banderole, falls du eine gesetzt hast (etwa Empfehlung).
• Preis und Abrechnung, etwa 39,90 € monatlich, bei Einmalzahlungen "einmalig".
• Pflicht-Zusatzverträge mit Preis, etwa "zzgl. Getränkeflat 5,00 € monatlich".
• Startgebühr und Mindestlaufzeit, etwa Ohne Startgebühr · Mindestlaufzeit 12 Monate, bei Einmalzahlungen die Gültigkeit, etwa Gültig 3 Monate ab Kauf.
• Die Leistungen, die in der Vorlage auf "anzeigen" stehen.
• Den Knopf Jetzt abschließen.

Farben und hell oder dunkel übernimmt das Widget von deinen öffentlichen Seiten: die Akzentfarbe und das Erscheinungsbild, die du für Angebotsseite und Abschluss eingestellt hast (siehe Digitaler Abschluss und Darstellung). Eigene Farben je Widget gibt es nicht.

Welche Verträge erscheinen: nur Hauptverträge und Einmalzahlungen, die aktiv sind, online abgeschlossen werden können und auf der Angebotsseite stehen, in derselben Reihenfolge wie dort. Verträge auf Nur Tablet und Zusatzverträge erscheinen nicht. Änderst du Preis, Text oder Bild in der Vorlage, zeigt das Widget die Änderung von selbst, spätestens nach etwa einer Minute.

Von der Kachel zum Abschluss und zurück

1. Der Besucher klickt auf deiner Website bei einem Vertrag auf Jetzt abschließen.
2. Er landet auf der Abschlussseite dieses Vertrags bei Abomat, in deinem Erscheinungsbild. Name, Adresse, IBAN und Unterschrift gibt er nur dort ein, nicht auf deiner Website.
3. Nach dem Absenden sieht er Fast geschafft und bekommt eine E-Mail mit dem Link zum Bestätigen, wie bei jedem Online-Abschluss.
4. Hast du eine Seite nach dem Abschluss eingetragen, steht unter Fast geschafft der Knopf Zurück zur Website. Er führt auf diese Seite, etwa eine Dankeseite auf deiner Website.
5. Bestätigt der Kunde den Vertrag im selben Browser, steht der Knopf Zurück zur Website auch auf der Bestätigungsseite.

Ohne eingetragene Seite gibt es keinen Knopf Zurück zur Website; der Abschluss läuft sonst genauso.

Die Abschlussseite öffnet sich im selben Fenster wie deine Website.

Abschlüsse über Tarif-Kacheln zählen im Report Leads unter dem Kanal JS-Widget (Filter Ansicht, "je Kanal", siehe Reports). So siehst du, wie viele Abschlüsse über deine Website beginnen und wie viele davon bestätigt werden.

Ausschalten, bearbeiten, löschen

• Ausschalten: Haken "aktiv" in der Kachel entfernen. Auf deiner Website bleibt die Stelle dann leer, der Code kann stehen bleiben. In Abomat steht "Ausgeschaltet: auf der Website bleibt die Stelle leer." Mit dem Haken schaltest du es wieder ein.
• Bearbeiten: Bearbeiten öffnet dieselben Felder wie beim Anlegen, ohne Art. Der Code bleibt gleich, deine Website zeigt die Änderung von selbst.
• Löschen: Löschen fragt "Widget „...“ löschen? Auf deiner Website bleibt die Stelle dann leer." Nach der Bestätigung meldet Abomat "Widget gelöscht. Auf der Website bleibt die Stelle leer." Ein gelöschtes Widget lässt sich nicht wiederherstellen. Legst du ein neues an, bekommt es einen neuen Code, den du auf der Website austauschen musst. Entferne den alten Code am besten auch von deiner Website.

Deinstallieren

Deinstallierst du das Plugin unter Plugins und sind noch Widgets aktiv, nennt Abomat ihre Zahl, etwa "2 Widgets sind aktiv. Danach bleiben sie auf deiner Website leer; die Einstellungen bleiben gespeichert.", und verlangt eine Bestätigung. Danach:

• Alle Widgets bleiben auf deiner Website leer.
• Der Reiter Website-Widgets verschwindet.
• Die Widgets und ihre Einstellungen bleiben gespeichert. Installierst du wieder, zeigt deine Website sie mit demselben Code wie vorher.

Deinstallierst du nur das Plugin Check-in, bleiben Widgets der Art Auslastung auf deiner Website leer. Tarif-Kacheln laufen weiter.

Einstellungen und Optionen

Alle Optionen stellt der Inhaber beim Anlegen oder unter Bearbeiten ein.

Für beide Arten

Auslastung

Tarif-Kacheln

Weitere Einstellungen an anderer Stelle

Zusammenhänge

• Plugins: Installieren und Deinstallieren.
• Check-in: liefert die Check-ins, aus denen die Auslastung entsteht. Ohne Check-in gibt es keine Auslastung.
• Einstellungen > Standorte: Kapazität, Verweildauer und Öffnungszeiten.
• Digitaler Abschluss und Vertragsvorlagen: welche Verträge auf der Angebotsseite stehen und damit als Tarif-Kachel erscheinen, und wie der Abschluss abläuft.
• Öffentliche Anfragen: die Angebotsseite als Ganzes verlinken, Probetermine und Einzelbuchungen.
• Reports: Abschlüsse über Tarif-Kacheln im Report Leads unter dem Kanal JS-Widget.
• Darstellung: Akzentfarbe, die auch die Tarif-Kacheln färbt.

Häufige Fragen

Gut zu wissen