---
url: /de/application-manual/styles-and-templates.md
description: >-
  Wähle Design und Sprache, prüfe RSVP-Vorschauen und verwende Styles und
  Templates gezielt für mehrere Events.
---

# Buttons mit Styles und Templates gestalten

Ein Style bestimmt Aussehen und Verhalten deines Buttons oder RSVP-Formulars. Templates ergänzen wiederverwendbare Anmelderegeln, E-Mails, Landingpage-Inhalte oder anschließende Nachrichten.

[Styles in der App öffnen](https://app.add-to-calendar-pro.com/de/styles)

## Einen Style erstellen {#styles}

1. Öffne **Styles** und erstelle ein neues Element oder lege es während der Event-Erstellung an.
2. Vergib einen **Internen Namen**, etwa „Webinare — Deutsch“.
3. Wähle **Button-Stil**, **Kalender-Optionen**, **Sprache** und **Button-Text**.
4. Prüfe die Vorschau in Hell/Dunkel und mit den Android-/iOS-Simulationen.
5. Speichere den Style und wähle ihn im Feld **Style** des Events. Veröffentliche das Event, sobald alles bereit ist.

Der interne Name hilft deinem Team beim Finden; den Button-Text sehen Besucher. Die Sprache der App-Oberfläche ändert nicht die im Style gewählte Sprache.

## Verhalten passend zur Webseite wählen

| Einstellung | Zweck |
| :--- | :--- |
| **Als Liste rendern** | Kalender-Optionen direkt als Liste anzeigen. |
| **RSVP inline rendern** | Das Formular direkt in der Seite statt in einem Dialog anzeigen. |
| **Trigger / Listen-Stil** | Festlegen, wie und wo die Kalender-Auswahl geöffnet wird. |
| **Verhalten nach Ablauf** | Den Button nach dem Event unverändert lassen, deaktivieren oder verbergen. |
| **Proxy** | Kalender-Klicks durch den gehosteten Ablauf führen; nötig für Klickstatistiken außerhalb der Landingpage. |
| **Overlay erzwingen** | Helfen, wenn andere Website-Elemente die Kalender-Auswahl verdecken. |

Der Button-Stil **Datumsblock** ist nicht mit RSVP kompatibel. Manche Kalender-Optionen hängen außerdem vom Event-Typ und Gerät ab, selbst wenn sie im Style ausgewählt sind.

## Gemeinsame Styles vor Änderungen prüfen

Mit **RSVP simulieren** siehst du ein Beispielformular. Prüfe helle und dunkle Farben. Achte auf lesbare Beschriftungen und blende nicht so viel Text aus, dass der Button unverständlich wird.

Erstelle für eine einzelne Abweichung einen eigenen Style. Prüfe vor dem Speichern die **Nutzung** im Menü für zusätzliche Aktionen. Änderungen an verknüpften veröffentlichten Events können **3–10 Minuten** benötigen. Events mit Entwurfsänderungen müssen veröffentlicht werden.

**Text-Anpassung**, **Style-Anpassung (Hell)**, **Style-Anpassung (Dunkel)** und **Custom CSS** erlauben genauere Anpassungen. Bitte dein Webseiten-Team bei CSS um Hilfe und beginne möglichst mit den visuellen Einstellungen.

## Das richtige Template wählen

### RSVP {#rsvp}

Definiere Teilnehmergrenzen, Fragen und Erinnerungen in einem [RSVP-Template](/de/application-manual/rsvp-forms). Hier verknüpfst du auch die E-Mail-Templates.

### E-Mail {#emails}

Passe Bestätigungen, Erinnerungen und weitere Nachrichten mit [E-Mail-Templates](/de/application-manual/email-templates) an.

### Landingpage {#landingpages}

Ergänze Bilder, Einführung, Farben und Suchvorschau mit einem [Landingpage-Template](/de/application-manual/landing-pages).

### Call-to-Action {#cta}

Zeige eine anschließende Nachricht oder einen Link mit einem [CTA-Template](/de/application-manual/cta-templates).