Widget Builder Dokumentation

Willkommen in der Widget Builder Dokumentation. Erfahren Sie, wie Sie eigene Widgets für Ihr Staffbase-Intranet erstellen und verwalten.

Einführung

Der Widget Builder ermöglicht es Ihnen, schnell und einfach Widgets nach Ihren Bedürfnissen zu erstellen. Mit einer benutzerfreundlichen Oberfläche und umfangreichen Anpassungsmöglichkeiten können Sie Ihre Kommunikationsplattform effektiv erweitern.

Wie funktioniert der Widget Builder?

Erste Schritte mit dem Widget Builder

Melden Sie sich bequem mit Ihrem bestehenden Staffbase-Konto beim Widget Builder an.

Widgets verwalten

Der Widget-Katalog zeigt alle veröffentlichten und inaktiven Widgets an. Hier können Sie:

• Neue Widgets erstellen
• Bestehende Widgets bearbeiten
• Widgets veröffentlichen oder in den Entwurfsmodus versetzen

Wichtigste Funktionen

• Flexible Layouts
  Erstellen und passen Sie Layouts mit HTML, Handlebars und Tailwind CSS an.
• Anpassbare Vorlagen
  Wählen Sie aus verschiedenen Vorlagen und passen Sie diese an Ihre Bedürfnisse an.
• Echtzeit-Vorschau
  Sehen Sie Ihre Änderungen sofort in einer Live-Vorschau.
• Integration
  Nahtlose Integration mit verschiedenen Plattformen und Frameworks.
• Export-Optionen
  Exportieren Sie Ihre Widgets in verschiedenen Formaten wie HTML, CSS und JavaScript.

Hier starten

Neu beim Widget Builder? Folgen Sie diesem Lernpfad, um schnell durchzustarten:

Empfohlene Lesereihenfolge

1. Ersteinrichtung — Widget Builder mit Ihrer Staffbase-Plattform verbinden
2. Erste Schritte — Entdecken Sie den Widget Builder in weniger als 5 Minuten
3. Oberflächenübersicht — Visueller Leitfaden zu jedem Bildschirm der Anwendung
4. Eigenes Widget erstellen — Erstellen Sie Ihr erstes „Hello World"-Widget
5. Widget-Einstellungsfelder — Konfigurierbare Felder zu Ihrem Widget hinzufügen
6. Layout: HTML und Handlebars — Gestalten Sie das Erscheinungsbild Ihres Widgets
7. API-Anfrage erstellen — Widget mit externen Daten verbinden
8. Tailwind CSS — Widget mit Utility-Klassen gestalten
9. Erweiterte Themen — API-Proxy, Variablen, Übersetzungen und mehr

Schnellstart-Anleitung

1. Widget Builder aufrufen
   Öffnen Sie den Widget Builder über Ihr Dashboard oder direkt über die URL: https://app.widgetbuilder.de/.
2. Vorlage auswählen
   Wählen Sie eine passende Vorlage als Ausgangspunkt für Ihr Widget.
3. Widget anpassen
   Verwenden Sie HTML, Handlebars und Tailwind CSS, um Layouts zu bearbeiten und anzupassen.
4. Speichern und Veröffentlichen
   Speichern Sie Ihre Arbeit und veröffentlichen Sie das Widget für Staffbase Studio.