Wissensdatenbank

Chat-Bausteine

Der Agent antwortet mit Blöcken im JSON-Format {"blocks":[...]}, die das Widget einzeln rendert. Hier sehen Sie alle 29 Blocktypen und 105 Varianten live im echten Widget. Wechseln Sie zwischen hellem und dunklem Design, passen Sie die Breite an oder bearbeiten Sie das JSON.

Text

text

Für Fließtext mit Markdown-Formatierung; content.text enthält den Text, Quellen stehen als source_url oder source am Block.

Einfacher Absatz

Markdown-Formatierung

Mehrere Absätze und Listen

Langer Text und lange URL

Webquelle

Datenbankquelle

Mehrere Quellen

Überschriften

heading

Für Abschnittstitel; content.text ist der Titel, content.level legt die HTML-Überschriftenebene 1 bis 6 fest.

Alle Ebenen 1–6

Überschrift mit anschließendem Text

Listen

list

Für geordnete oder ungeordnete Aufzählungen; content.items enthält Strings oder Objekte mit text und optional icon, content.ordered steuert die Nummerierung.

Ungeordnete Liste

Geordnete Liste

Einträge mit Icon

Lange Listeneinträge

Hinweise

alert

Für hervorgehobene Status- oder Sicherheitshinweise; content.text ist der Hinweis, content.severity ist info, warning, error oder success, content.title optional.

Info mit Titel

Info ohne Titel

Warnung mit Titel

Warnung ohne Titel

Fehler mit Titel

Fehler ohne Titel

Erfolg mit Titel

Erfolg ohne Titel

Code

code

Für technische Beispiele und Konfigurationswerte; content.text enthält den unverändert dargestellten Code, filename und language sind optional.

Mit Dateiname und Sprache

Ohne Dateiname

Lange Zeilen

Zitate

quote

Für wörtliche Aussagen oder hervorgehobene Merksätze; content.text ist der Wortlaut, author und source_title sind optional.

Nur Text

Mit Autor

Mit Autor und Quelle

Trennlinie

divider

Für eine optische Trennung zwischen Inhaltsabschnitten; der Block benötigt keine Content-Felder.

Zwischen zwei Textblöcken

Kombinierte Antwort

heading

Beispiel einer realistischen Antwortkomposition; kombiniert Überschrift, Text, Liste und Sicherheitshinweis in einer Variante.

Empfehlung zur Notbeleuchtung

Zusammengesetzte Antwort aus mehreren Blocktypen

Produktkarten

product_card

Darstellung von DOTLUX Sicherheitsleuchten mit unterschiedlichen Mediengrößen und Produktinformationen.

Kleinbild, 130 px

Natürliche Bildgröße: 130 × 130 px. Wird kompakt gerendert, auch wenn die kleine Quelle früher pixelig wirkte.

Mittelbild, 275 px

Natürliche Bildgröße: 275 × 275 px.

Kleinbild 130 px, in echter Antwort

Realistisch: Einleitungstext, Karte mit langer Beschreibung, Preis und Verfügbarkeit, danach weiterer Text.

Mittelbild 275 px, in echter Antwort

Gleicher Aufbau mit 275-px-Bild, zusätzlich knapper Bestand.

Kleinbild 130 px, mehrere Produkte untereinander

Drei kompakte Karten hintereinander mit Text davor und danach.

Großbild als Hero, 800 px

Natürliche Bildgröße: 800 × 800 px. Ab 400 px Bildbreite wird die Karte als Hero dargestellt.

Ohne Bild

Kein Bildmedium vorhanden.

Defektes Bild

Die nicht erreichbare Bildquelle wird bei einem Ladefehler entfernt.

Preis und Verfügbarkeit

Preis und Lagerstatus erscheinen gemeinsam.

Begrenzter Bestand

Ein Bestand unter 10 kennzeichnet die Verfügbarkeit rot.

Langer Titel und Beschreibung

Die Beschreibung ist auf drei Zeilen begrenzt.

Video als Produktmedium

MP4-Medien werden als Video statt als Bild gerendert.

Mehrere Produktempfehlungen

Antworttext und drei Produktkarten in einer Variante.

Bilder und Medien

image

Breite und hochformatige Motive sowie Video- und Fehlerzustände im Bildblock.

Breites Motiv

Natürliche Bildgröße: 1200 × 675 px.

Hochformat

Natürliche Bildgröße: 600 × 900 px.

Kleines Vorschaubild

Natürliche Bildgröße: 130 × 130 px. Im Bildblock kann das Motiv im verfügbaren Bereich gestreckt wirken.

Video-URL

MP4-Quelle wird als abspielbares Video eingebunden.

Nicht erreichbares Bild

Die Bildquelle ist absichtlich ungültig.

Einzelne Karten

card

Karten mit optionalem Bild und optionalem Link für Produktinformationen.

Mit Bild und Link

Bildgröße: 1200 × 675 px. Die Karte verlinkt zur DOTLUX Website.

Ohne Bild

Textkarte ohne Bildmedium.

Ohne Link

Die Karte bleibt eine nicht verlinkte Informationskarte.

Kartenraster

card_grid

Spaltenzahl und optionaler Rastertitel für kompakte Themenübersichten.

1 Spalte mit Titel

Einspaltiges Raster mit Überschrift.

2 Spalten ohne Titel

Zweispaltig ohne Rasterüberschrift.

3 Spalten mit Titel

Dreispaltiges Raster mit Überschrift.

4 Spalten ohne Titel

Vierspaltig ohne Überschrift.

6 Spalten mit Titel

Sechsspaltiges Raster für kurze Kategorien.

3 Spalten ohne Titel

Dreispaltige Variante ohne Überschrift.

Videowiedergabe

video

Direkte Videodatei mit Vorschaubild oder datenschutzfreundlicher Einbettungsplayer.

Video mit Vorschaubild

Vorschaubild: 1200 × 675 px. MP4 wird direkt abgespielt.

Eingebettetes Video

YouTube-Einbettung über die datenschutzfreundliche No-Cookie-Domain.

Kundenstimmen

testimonial

Bewertungen mit Sternen, optionalem Avatar sowie Funktion und Unternehmen.

5 Sterne mit Avatar

Avatarbild: 96 × 96 px. Maximale Bewertung.

3 Sterne ohne Avatar

Mittlere Bewertung, ohne Profilbild.

Ohne Bewertung

Ohne Sterne wird nur die Kundenstimme angezeigt.

Mit Rolle und Unternehmen

Autorenfunktion und Unternehmen stehen unter dem Namen.

Button

button

Direkte Aktionen zu Produkten, Montagehinweisen und Beratung.

Kurzer Button-Text

Kompakte Handlungsaufforderung.

Langer Button-Text

Ein längerer Text bleibt als einzelne Aktion lesbar.

Mehrere Buttons in einer Reihe

Zwei sinnvolle nächste Schritte zur Auswahl.

URL fehlt

Ohne Zieladresse wird href # verwendet; beim Klick zeigt die Vorschau einen Hinweis.

Kontakt-Button

contact_button

Kontaktaufnahme mit Standardtext oder einer vorbereiteten Anfrage.

Standardtext

Ohne Textfeld erscheint automatisch „Kontakt aufnehmen“.

Eigener Text

Ein konkreter Kontaktwunsch passt zum Thema Garantie.

Mit vorausgefüllter Nachricht

Die Anfrage enthält bereits Produkt und Anliegen.

Download

download

Einzelne Produkt- und Montageunterlagen zum Herunterladen.

PDF mit Typ und Dateigröße

Metadaten machen das Dateiformat transparent.

Ohne Metadaten

Nur der Dateiname wird angezeigt.

Langer Dateiname

Ausführlicher Name eines Garantie- und Serviceformulars.

Downloadliste

download_list

Mehrere technische Dokumente übersichtlich zusammenstellen.

Mit Titel

Datenblatt, Montageanleitung und Prüfprotokoll.

Ohne Titel

Die Dateien bilden selbst eine klare Unterlagenliste.

FAQ

faq

Häufige Fragen zu Montage und Garantie beantworten.

Kurze Antwort

Eine knappe praktische Antwort zur Installation.

Antwort mit Markdown

Markdown hebt wichtige Schritte und Hinweise hervor.

FAQ-Liste

faq_list

Mehrere Antworten zu Planung, Montage und Garantie bündeln.

Mit Titel und vier Fragen

Kompakter Überblick für häufige Fragen.

Ohne Titel

Die Fragen stehen ohne separate Listenüberschrift.

Accordion

accordion

Zusatzinformationen platzsparend ein- und ausklappbar darstellen.

Alles eingeklappt

Alle Abschnitte beginnen geschlossen.

Ein Abschnitt geöffnet

Der Abschnitt mit expanded: true ist zunächst aufgeklappt.

Langer Inhalt

Ausführlicher Ablauf für eine fachgerechte Montage und Inbetriebnahme.

Antwort mit passenden nächsten Schritten

text

Realistisches Antwortbeispiel mit Erklärung, Linkliste und direkter Kontaktmöglichkeit.

Notleuchte montieren und Garantie klären

Text, weiterführende Links und vorbereitete Serviceanfrage in einer Antwort.

Produktvergleich

table

Leuchten im direkten Vergleich mit Tabellenkopf und formatierten Zellen.

Mit Kopfzeile

Produktvergleich mit Markdown in den Zellen.

Ohne Kopfzeile

Breite Tabelle · 7 Spalten

Auf schmalen Displays horizontal scrollbar.

Inbetriebnahme

steps

Montageablauf mit und ohne ergänzende Hinweise.

Mit Titel und Beschreibungen

Ohne Titel, ohne Beschreibungen

Mit Titel, gemischte Beschreibungen

Kennzahlen

metrics

Leistungsdaten und Entwicklung in kompakten Kennzahlen.

Vier Kennzahlen · Trend steigend

Zwei Kennzahlen · Trend fallend

Neutral und ohne Änderungsangabe

Meilensteine

timeline

DOTLUX und die Entwicklung effizienter Beleuchtung.

Drei Einträge mit Beschreibung

Einträge ohne Beschreibung

Veranstaltung

event

Messeauftritt mit allen Veranstaltungsdaten oder kompakter Termin.

Vollständiger Messeintrag

Minimal · Titel und Datum

Standort

location

Kontaktinformationen des deutschen Unternehmensstandorts.

Vollständige Kontaktdaten

Nur Adresse

Angebote

pricing

Beispielhafte Angebotsstufen für professionelle Lichtplanung.

Drei Stufen · mittlere hervorgehoben

Einzelangebot · ohne CTA