Alert Komponenten
Im Alert Editor bestehen Templates aus Blöcken. Aktuell gibt es zwei Block-Arten: Text und HTML.
Übersicht
| Block | Stärke | Wichtig |
|---|---|---|
| Text | Schnelle Alert-Inhalte mit Styling, Tokens und Animationen. | Gut für Betrag, Name, Nachricht und kurze Dankestexte. |
| HTML | Freier HTML/CSS-Block für individuelle Designs. | Exklusiver Modus: nicht zusammen mit Text-Blöcken. |
Text-Blöcke
Text-Blöcke sind der normale Weg für Alerts.
Gut für:
- Supporter Name
- Betrag
- Nachricht
- Goal-Text
- kurze Dankestexte
- einzelne animierte Textzeilen
Text-Blöcke lassen sich positionieren, stylen und animieren. Tokens können verwendet werden, damit echte Werte im Alert erscheinen.
Beispiele:
| Ziel | Token / Inhalt |
|---|---|
| Betrag anzeigen | {{donation.amount}} |
| Nachricht anzeigen | {{donation.message}} |
| Creator anzeigen | {{creator.name}} |
| Goal anzeigen | {{goal.main.title}} |
Die vollständige Token-Liste findest du unter Tokens.
HTML-Blöcke
HTML-Blöcke sind für individuelle Alert-Strukturen gedacht, wenn Text-Blöcke nicht reichen.
Gut für:
- eigene HTML-Layouts
- spezielle Badge- oder Card-Strukturen
- kombinierte Token-Ausgaben
- eigener CSS-Look innerhalb des Templates
HTML ist bewusst exklusiv. Wenn ein HTML-Block vorhanden ist, kannst du nicht zusätzlich Text-Blöcke nutzen. Wenn Text-Blöcke vorhanden sind, musst du diese erst entfernen, bevor du auf HTML wechselst.
Sicherheit Bei HTML
HTML/CSS ist für Darstellung gedacht, nicht für fremde Scripts oder aktive Logik.
Wichtig:
- keine fremden Scripts einbauen
- keine externen Script-Abhängigkeiten voraussetzen
- Tokens nur für dynamische Inhalte nutzen
- Styling im Template halten
Wenn du nur Text, Betrag und Nachricht brauchst, ist ein Text-Block meistens sauberer als HTML.
Block-Auswahl
Wähle einen Block auf der Canvas aus, um rechts seine Properties zu bearbeiten. Wenn kein Block ausgewählt ist, bearbeitest du die globalen Template-Properties.