Chat-Editor
Der Chat-Editor gibt dir die volle Kontrolle über das Messaging-System deiner App. Du bestimmst, welche Funktionen verfügbar sind, wie die Nachrichtenblasen aussehen und wie sich der Chat verhält.
Übersicht
Section titled “Übersicht”Der Editor ist in vier Bereiche (Tabs) unterteilt:
Editor öffnen
Section titled “Editor öffnen”- Öffne den Edit Mode in deiner App (App Builder Tools)
- Gehe zu Module & Features
- Tippe auf Chat und dann auf Bearbeiten oder Chat-Editor
- Der Editor öffnet sich mit einer Live-Vorschau
Editor-Oberfläche
Section titled “Editor-Oberfläche”Die Tabs
Section titled “Die Tabs”Am oberen Rand findest du vier Tabs, die du durch Tippen oder Wischen wechseln kannst:
| Tab | Was du hier einstellst |
|---|---|
| Features | Nachrichtentypen (Text, Bilder, Dateien), Interaktionen und Limits |
| Aussehen | Farben für Light und Dark Mode, Bubble-Stil und Vorlagen |
| Layout | Zeitstempel, Datumstrenner und Online-Status |
| Verhalten | Töne, Auto-Löschen und Offline-Modus |
Live-Vorschau
Section titled “Live-Vorschau”Über den Tabs siehst du eine Vorschau deines Chats. Jede Änderung wird sofort sichtbar.
Die Vorschau zeigt:
- Einen Beispiel-Chat-Verlauf mit deinen aktuellen Einstellungen
- Nachrichtenblasen in den konfigurierten Farben
- Avatar, Zeitstempel und Zustellstatus
- Die Eingabeleiste mit Senden-Button
Automatisches Speichern
Section titled “Automatisches Speichern”Alle Änderungen werden automatisch gespeichert. Du musst nichts extra tun - sobald du etwas änderst, wird es gespeichert und in der Live-Vorschau angezeigt.
Vorlagen verwenden
Section titled “Vorlagen verwenden”Der Chat-Editor bietet vorgefertigte Design-Vorlagen als Ausgangspunkt:
Verfügbare Vorlagen
Section titled “Verfügbare Vorlagen”| Vorlage | Beschreibung |
|---|---|
| WhatsApp-Stil | Grüne eigene Bubbles, beiger Hintergrund, moderner Bubble-Stil |
| iMessage-Stil | Blaue eigene Bubbles, weißer Hintergrund, abgerundete Bubbles |
| Telegram-Stil | Hellblaue eigene Bubbles, grauer Hintergrund |
| Minimal | Schwarze/weiße Bubbles, sehr schlicht |
| Dunkel | Dunkles Theme mit violetten Akzenten |
Vorlage anwenden
Section titled “Vorlage anwenden”- Öffne den Aussehen-Tab
- Scrolle zu den Vorlagen-Karten
- Tippe auf die gewünschte Vorlage
- Die Farben und der Bubble-Stil werden übernommen
App-Design übernehmen
Section titled “App-Design übernehmen”Du kannst die Farben deines globalen App-Themes automatisch auf den Chat übertragen:
- Öffne den Aussehen-Tab
- Tippe auf App-Design übernehmen
- Die Farben aus der Theme Suite werden übernommen
Das übernimmt:
- Hintergrund- und Oberflächenfarben
- Primärfarbe für eigene Bubbles und Senden-Button
- Text- und Sekundärfarben
- Eckenradius aus dem Theme
Light und Dark Mode
Section titled “Light und Dark Mode”Der Chat unterstützt separate Farben für Light und Dark Mode:
- Öffne den Aussehen-Tab
- Nutze den Toggle oben, um zwischen Hell und Dunkel zu wechseln
- Passe die Farben für den jeweiligen Modus an
- Alle Änderungen werden automatisch gespeichert
Zurücksetzen
Section titled “Zurücksetzen”Falls du alle Einstellungen zurücksetzen möchtest:
- Tippe auf das Zurücksetzen-Symbol oben rechts
- Bestätige die Warnung
- Alle Einstellungen werden auf die Standardwerte zurückgesetzt
Alle Einstellungen auf einen Blick
Section titled “Alle Einstellungen auf einen Blick”Feature-Toggles
Section titled “Feature-Toggles”| Einstellung | Standard | Beschreibung |
|---|---|---|
| Textnachrichten | An | Textnachrichten erlauben |
| Bildnachrichten | An | Bilder senden erlauben |
| Dateinachrichten | An | Dateien senden erlauben |
| Tipp-Indikator | An | Zeigt “tippt…” an |
| Lesebestätigung | An | Blaue Haken bei gelesenen Nachrichten |
| Zustellbestätigung | An | Graue Haken bei zugestellten Nachrichten |
| Nachrichten löschen | An | Eigene Nachrichten löschen erlauben |
| Antworten | An | Auf Nachrichten antworten erlauben |
Limits
Section titled “Limits”| Einstellung | Standard | Bereich |
|---|---|---|
| Max. Nachrichtenlänge | 2000 | 100 - 10.000 Zeichen |
| Max. Dateigröße | 10 MB | 1 - 50 MB |
Aussehen
Section titled “Aussehen”| Einstellung | Standard | Beschreibung |
|---|---|---|
| Bubble-Form | Abgerundet | Abgerundet, Eckig oder Modern |
| Eckenradius | 16 | 0 - 30 px |
| Avatar-Anzeige | Nur Partner | Keine, Nur Partner oder Alle |
| Bubbles ausrichten | An | Eigene rechts, Partner links |
Layout
Section titled “Layout”| Einstellung | Standard | Beschreibung |
|---|---|---|
| Zeitstempel anzeigen | An | Zeit bei jeder Nachricht |
| Datumstrenner | An | ”Heute”, “Gestern” etc. |
| Online-Status | An | Zeigt ob Nutzer online sind |
Verhalten
Section titled “Verhalten”| Einstellung | Standard | Beschreibung |
|---|---|---|
| Töne | An | Ton bei neuen Nachrichten |
| Auto-Löschen | Nie | Nach X Tagen löschen (0 = nie) |
| Offline-Warteschlange | An | Nachrichten offline speichern |
Häufige Fragen
Section titled “Häufige Fragen”Wie speichere ich meine Änderungen?
Section titled “Wie speichere ich meine Änderungen?”Änderungen werden automatisch gespeichert! Sobald du etwas änderst, wird es in der Datenbank gespeichert.
Kann ich Änderungen rückgängig machen?
Section titled “Kann ich Änderungen rückgängig machen?”Einzelne Änderungen können nicht rückgängig gemacht werden. Du kannst aber jederzeit auf die Standardeinstellungen zurücksetzen oder eine Vorlage anwenden.
Welche Vorlage soll ich wählen?
Section titled “Welche Vorlage soll ich wählen?”Das hängt von deinem App-Stil ab:
- Klassisch (wie WhatsApp) - WhatsApp-Stil
- Modern/Apple (wie iMessage) - iMessage-Stil
- Messenger (wie Telegram) - Telegram-Stil
- Schlicht - Minimal
- Dunkles Design - Dunkel
Warum sehe ich keine Nachrichten in der Vorschau?
Section titled “Warum sehe ich keine Nachrichten in der Vorschau?”Die Vorschau zeigt immer Beispiel-Nachrichten mit deinen aktuellen Einstellungen. Echte Nachrichten siehst du erst in der fertigen App.
Was passiert bei Auto-Löschen?
Section titled “Was passiert bei Auto-Löschen?”Wenn du Auto-Löschen aktivierst (z.B. 30 Tage), werden Nachrichten nach diesem Zeitraum automatisch gelöscht. Bei “Nie” (0 Tage) werden keine Nachrichten automatisch gelöscht.
Was ist die Offline-Warteschlange?
Section titled “Was ist die Offline-Warteschlange?”Wenn ein Nutzer offline ist und eine Nachricht sendet, wird diese in einer Warteschlange gespeichert. Sobald der Nutzer wieder online ist, wird die Nachricht automatisch gesendet.