Design Manager: Vorlagen und Widgetkatalog
Wählen Sie im Design Manager zuerst das Design, danach Kopfzeile, Body oder Fusszeile und die passende Vorlage. Diese Übersicht hilft Ihnen, den richtigen Ort für einen Baustein zu finden. Die angebotenen Widgets richten sich zusätzlich nach Bootstrap-Version und freigeschalteten Plugins.
Alle Vorlagen nach Einsatzort
| Bereich / Vorlage | Wann erscheint sie? | Passende Anleitung |
|---|---|---|
| Kopfzeile | Wiederkehrende Navigation oberhalb des Inhalts. | Kopfzeile und Fusszeile |
| Angebote Übersicht | Katalog, Kategorie und Suchergebnis. | Angebote Übersicht |
| Angebot Details | Einzelnes Angebot vor der Anmeldung. | Angebot Details |
| Preiskategorien | Wenn der Buchungsablauf eine Preis- oder Personenanzahlwahl benötigt. | Optionale Anmeldeschritte |
| Zusatzleistungen | Wenn für das Angebot zusätzliche Leistungen gewählt werden. | Optionale Anmeldeschritte |
| Termine | Bei freier Terminwahl. | Liste und Termine-Kalender |
| Multiangebot | Bei aktivierter Multiangebotsfunktion und passender Buchung. | Multiangebot gestalten |
| Teilnehmer Formular | Personendaten und anmeldebezogene Angaben. | Teilnehmer Formular |
| Zusammenfassung / Abschliessen | Letzte Kontrolle und verbindlicher Abschluss. | Zusammenfassung und Payment |
| Payment | Wenn Zahlung und Einstellungen den Zahlungsweg vorsehen. | Payment-Seite |
| Abschlussseite | Nach Buchung und als Grundlage der Teilnehmendenkonto-Übersicht. | Abschlussseite |
| Gutscheinverkauf | Beim Kauf eines Wertgutscheins. | Gutscheinverkauf |
| Anfragen: Akzeptieren oder Ablehnen | Über einen vorgesehenen Anfrage-Entscheidungslink. | Anfragevorlage |
| Zertifikat Validierung | Über den vorgesehenen Zertifikatslink. | Zertifikatsvalidierung |
| Platzregistrierung | Über Einladung zu einem zunächst unbenannten Sammelplatz. | Platzregistrierung |
| Wartezone | Vor dem Buchungsstart bei entsprechend eingerichteten Angeboten; Bootstrap 5.3. | Wartezone |
| Abonnemente / Mitgliedschaften | Öffentlicher Katalog bei aktivem Abo-Plugin. | Abo-Katalog |
| Abo-Checkout | Beim Kauf eines Plans oder Passes bei aktivem Abo-Plugin. | Abo-Kauf gestalten |
| Fusszeile | Wiederkehrende Hinweise und weitere gemeinsame Bausteine. | Kopfzeile und Fusszeile |
Widgets nach Aufgabe finden
| Aufgabe | Widgetnamen und Varianten | Worauf achten? |
|---|---|---|
| Angebote suchen | Suchfeld; Tag Filter; Angebote Filter; Legende für Status. | Zusätzlich eine Angebotsdarstellung platzieren. Filter erteilen keine Buchungsberechtigung. |
| Kategorien zeigen | Kategorien Liste; Kategorien Liste in Spalten; Kategorieliste grosse Bilder; Kategorien Kacheln. | Bilder und echte Kategoriestruktur pflegen; leere Kategorien bewusst ein- oder ausblenden. |
| Angebote zeigen | Angebote Liste; Angebote Tabelle; Angebote Kacheln; Kalender; Google Maps / Marker-Karte. | Jede Darstellungsform benötigt passende Angebots-, Termin- oder Ortsdaten. |
| Ein Angebot erklären | Angebot Name; Angebotsbild; Angebot Details; Beschreibung; Dozenten Details; Lektionen/Module Übersicht; Google Maps; Multi-Angebote Tabelle. | Angebotsbild setzt Bootstrap 5.3 voraus. Tagwerte und Kontaktinformationen bewusst veröffentlichen. |
| Buchung starten | Anmelde Button; Anfrage Button im passenden Ablauf. | Angebotsstatus, Platzverfügbarkeit und Anmelderegeln entscheiden über die mögliche Aktion. |
| Formular gestalten | Formularfeld; Teilnehmerfoto; Rechnungsadresse; Login – Anmelden; Preiskategorien; Zusammenfassung. | Datenfelder korrekt verbinden. Foto, Abopreis und Login ändern unterschiedliche Teile des Ablaufs. |
| Auswahl im Ablauf | Preiskategorien Liste; Zusatzleistungen; Termine Liste; Termine Kalender; Multi-Angebote Tabelle. | Die Angebotskonfiguration bestimmt, welche Schritte überhaupt benötigt werden. |
| Abschluss vorbereiten | Zusammenfassung; Teilnehmer Tabelle; Promotions Codes; Abo-Auswahl; Gesetzestexte; Schutz vor Bots; Abschliessen Button. | Neue Designs verwenden aktuelle Zusammenfassung und Gesetzestexte. Abo-Auswahl setzt aktives Plugin und Bootstrap 5.3 voraus. |
| Bezahlen | Tabelle Transaktion Inhalt; Payment Systeme. | Zahlarten müssen im Konto aktiv und für die Buchung zulässig sein. |
| Konto und Abschluss | Besten Dank; Pay-Success Meldung; Alle Buchungen; Teilnehmerangaben; Saldo; Meine Abonnemente / Meine Mitgliedschaften. | Eine Pay-Success Meldung bestätigt eine erfolgreiche Zahlung. Konto- und Abodaten gehören zur angemeldeten Person; das Konto verwendet die Abschlussvorlage des Konto-Standarddesigns. |
| Abonnemente verkaufen | Abo-Katalog Übersicht; Abo-Katalog Liste; Abo-Checkout Zusammenfassung; Abo-Checkout Aktionen. | Katalog-Liste in eigener Abo-Vorlage; Katalog-Übersicht zusätzlich auf Angebotsübersicht und -detail. |
| Anfrage beantworten | Anfrage Buttons; Teilnehmenden Infos; passende Angebots- und Zusammenfassungswidgets. | Konkrete Personen dieser Buchung von öffentlicher Teilnehmer Übersicht unterscheiden. |
| Reservierten Platz registrieren | Einladung Begrüssung; Formularfeld; Teilnehmerfoto und passende Textbausteine. | Eigene Platzregistrierungsvorlage verwenden; Preis, Rechnung und Login werden dort nicht neu gewählt. |
| Wartezone darstellen | Wartezone Status; Wartezone Hinweise; Wartezone Aktionen. | Nur in Bootstrap 5.3. Position und Kapazität sind dynamisch, keine feste Platzzusage. |
| Zertifikat bereitstellen | Zertifikat PDF; Zertifikats Informationen; LinkedIn Zertifizierungen. | Nur geeignete Zertifikatslinks und bewusst veröffentlichte Angaben verwenden. |
| Gemeinsame Inhalte | Navigations Menü; Text Block; Code Widget im Footer; Cookie Banner; Gutscheinverkauf Button; Gutscheinverkauf; Widerruf ausüben Button. | Widgetauswahl bleibt vorlagenabhängig. Eigener Code benötigt eigene Einwilligungs- und Funktionsprüfung. |
| Bestehende Social-Bausteine | Social Widget; Facebook Kommentare; Facebook Fans. | Zusätzlich Verfügbarkeit des externen Dienstes und Einwilligung in Ihrer tatsächlichen Einbindung prüfen. |
| Ältere Layouts | Separate AGB-, Widerrufs- und Datenschutzwidgets; ältere Zusammenfassung; ältere Kontotabelle. | Bestand kann weiter sichtbar sein; die aktuelle Einfügeauswahl bietet moderne Ersatzbausteine. |
Für Rechtstexte platzieren Sie je benötigtem Dokument ein Widget Gesetzestexte in der Zusammenfassung; Anleitung: Einbindung und Nachweise. Ein Textblock allein bietet keine solche Versionsauswahl und Pflichtbestätigung.
Den Einstieg zum Widerrufsformular können Sie mit Widerruf ausüben Button oder der Widerruf-Option im Navigations Menü anbieten. Ob der Einstieg erscheint, hängt auch vom bereitgestellten Widerrufslink und Kontext ab. Ein sichtbarer Button bestätigt noch keinen zulässigen Widerruf. Einrichtung und Formularweg: Widerruf für Teilnehmende einrichten und bearbeiten.
Wenn ein Baustein fehlt
- Kontrollieren Sie Inhaltsbereich und Vorlage.
- Prüfen Sie die Bootstrap-Version des ausgewählten Designs.
- Prüfen Sie bei Abo-Bausteinen die Freischaltung im Plugin Manager.
- Sehen Sie nach, ob ein nur einmal vorgesehener Baustein bereits in derselben Vorlage vorhanden ist.
- Öffnen Sie bei einer neuen Funktion die passende Vorlage neu und kontrollieren Sie die gespeicherte öffentliche Vorschau.
Die Auswahl zeigt nur für den Kontext verfügbare Widgets. Sichtbar gespeicherte alte Widgets und neu einfügbare Widgets müssen deshalb nicht dieselbe Liste ergeben.
Warenkorb als zusätzlicher Buchungsweg
Der Warenkorb ist eine vom Buchungsablauf bereitgestellte Systemseite und keine zusätzliche frei belegbare Body-Vorlage. Sie aktivieren ihn über Buchungsansicht in den Design-Einstellungen oder ergänzen einen Zugang über Warenkorb anbieten im Abschlussbutton. Der Schalter Warenkorb in Navigation anzeigen gestaltet den Navigationseinstieg. Siehe Warenkorb und Abschlussaktion.
Für mehrteilige Suchmasken verwenden Sie Angebote Filter mit mehreren Taggruppen; Tag Filter ist dagegen die einfachere Navigation über vorbereitete Filterlinks. Einrichtung: Angebotsfilter konfigurieren.