Interaktive Inhalte & Dashboards

Das Tool HTML-Inhalte & Dashboards erstellt eigenständige, interaktive HTML-Inhalte, die direkt im Chat als fertige, bedienbare Vorschau erscheinen. Damit lassen sich Dashboards, Visualisierungen, interaktive Präsentationen, Website-Entwürfe und kleine Tools erzeugen.

Dieses Tool gehört zur Tool-Kategorie Content & Kreation und ist Teil des Bereichs Content & Kreation.

So funktioniert es

Schritt 1: Tool aktivieren

Aktiviere das Tool HTML-Inhalte & Dashboards bei deinem SymbioBot oder deiner Vorlage.

Schritt 2: Inhalt beschreiben

Beschreibe im Chat, was du brauchst – zum Beispiel „Erstelle ein interaktives Dashboard mit unseren Umsatzzahlen pro Quartal als Balkendiagramm und KPI-Kacheln”. Während der Erstellung wird der Inhalt sichtbar aufgebaut. Danach erscheint die fertige, interaktive Vorschau, mit der du direkt arbeiten kannst.

Interaktives Dashboard als Vorschau im Chat

Schritt 3: Anpassen

Möchtest du Anpassungen, schreibst du sie einfach in den Chat – der Inhalt wird daraufhin überarbeitet. So näherst du dich Schritt für Schritt dem gewünschten Ergebnis.

Funktionen

Mit dem Ergebnis arbeiten

Über die Symbolleiste der Vorschau stehen dir folgende Möglichkeiten zur Verfügung:

Quelltext / Vorschau: Wechsle zwischen der fertigen Vorschau und dem HTML-Quelltext. So kannst du den generierten Code ansehen und herauskopieren.
HTML herunterladen: Lade den Inhalt als eigenständige HTML-Datei herunter, die du direkt im Browser öffnen oder weiterverwenden kannst. Eingebundene Bilder aus der Wissensdatenbank werden in die Datei eingebettet und bleiben deshalb auch später sichtbar. Nur Live-Daten kommen nicht mit: Zieht ein Dashboard seine Zahlen aus einer Tabelle deiner Wissensdatenbank, öffnet die heruntergeladene Datei zwar ganz normal, meldet an diesen Stellen aber „Live-Daten aus Wissenstabellen sind nur in symbiofy verfügbar, nicht in der heruntergeladenen Datei.” Inhalte ohne Live-Daten funktionieren auch offline vollständig.
Vollbild: Zeige Dashboards größer an – das Chat-Fenster klappt zur Seite, sodass der Inhalt die volle Breite einnimmt. Über Vollbild verlassen kehrst du zur normalen Ansicht zurück.
Versionsverlauf: Rufe frühere Stände wieder auf und vergleiche, wie sich der Inhalt nach deinen Anpassungen verändert hat.

Auch die Navigation innerhalb der Seite funktioniert – Sprungmarken wie die Links eines Inhaltsverzeichnisses scrollen zum passenden Abschnitt, in der Vorschau im Chat genauso wie im Vollbild.

Dashboard im Vollbild-Modus

Eigene Bilder einbetten

Lädst du ein Bild in den Chat hoch oder stellst es dem Bot über die Wissensdatenbank zur Verfügung, kann er es direkt in den generierten Inhalt einbauen – zum Beispiel ein eigenes Produktbild in eine HTML-Ad oder einen Landingpage-Entwurf. Beschreibe einfach im Chat, welches Bild wo erscheinen soll. Beim erneuten Öffnen wird der Bildzugriff automatisch aktualisiert.

Was du damit erstellen kannst

Dashboards: Übersichten mit Diagrammen, KPI-Kacheln, Filtern und Tabellen – auf Wunsch mit Live-Daten aus einer Tabelle deiner Wissensdatenbank, die beim Öffnen frisch geladen werden
Visualisierungen: Daten und Zusammenhänge anschaulich dargestellt
Interaktive Präsentationen: Präsentationen, durch die man klicken kann
Website- & Design-Entwürfe: Landingpages und Layout-Entwürfe
HTML-Ads & Prototypen: Werbemittel sowie kleine Tools und Rechner

Anwendungsbeispiele

Verkaufs- oder Marketing-Dashboard mit Diagrammen und Filtern
Auswertung einer Tabelle aus deiner Wissensdatenbank – auch bei sehr vielen Zeilen, weil Summen, Anzahlen und Zeitreihen direkt in der Datenbank berechnet werden und nicht erst im Browser
Interaktive Produkt- oder Pitch-Präsentation
Entwurf einer Landingpage zur Abstimmung
HTML-Werbebanner für eine Kampagne
Kleiner Rechner oder ein einfaches Tool für dein Team

Tipps

Beschreibe möglichst konkret, welche Daten und Elemente der Inhalt zeigen soll – je präziser dein Briefing, desto näher ist das erste Ergebnis am Ziel.
Nutze den Versionsverlauf, um mutig zu experimentieren: Du kannst jederzeit zu einem früheren Stand zurückkehren.
Bleibt ein Dashboard mit Live-Daten dauerhaft leer, weil ihm die Verknüpfung zur Tabelle fehlt, lässt sich das nicht per Anpassung reparieren – der Bot sagt dir das in diesem Fall auch ausdrücklich und behauptet nicht, den Datenzugriff repariert zu haben. Lass den Inhalt stattdessen neu erstellen und nenne dabei die Tabelle deiner Wissensdatenbank, die er verwenden soll.

Zurück zur Übersicht: Content & Kreation