# Jetzt-buchen-Button zur Website hinzufügen

Aktualisiert am 2026-10-15 vom TicketPa-Team. Quelle: https://ticketpa.com/de/hilfe/jetzt-buchen-button-zur-website-hinzufuegen

Ein Jetzt-buchen-Button führt Besucher Ihrer Website direkt zur Buchungsseite. TicketPa bietet kopierfertigen Code für zwei Arten von Button in Ihrer Akzentfarbe.

## Button hinzufügen

1. Öffnen Sie **Teilen** in der Seitenleiste.
2. Prüfen Sie unter **Jetzt-buchen-Button** die **Vorschau** in Ihrer Akzentfarbe.
3. Wählen Sie einen Button und daneben **Code kopieren**:
    - **Einfacher Button (funktioniert überall, sogar in E-Mails)**: ein Link im Button-Stil für Websites, E-Mails und Newsletter.
    - **Button, der die Buchung in einem Fenster neben Ihrer Website öffnet**: am Computer öffnet die Buchungsseite in einem kleinen Fenster, während Ihre Website dahinter offen bleibt.
4. Fügen Sie den Code an der gewünschten Stelle ins HTML Ihrer Website ein.

## Verhalten des Fenster-Buttons

- Am Computer öffnet er ein 480 Pixel breites Fenster rechts im Browser.
- Auf dem Handy oder bei weniger als 640 Pixel Bildschirmbreite öffnet er wie ein normaler Link.
- Mit gedrückter Strg-, Cmd- oder Umschalttaste öffnet der Browser den Link wie üblich, etwa in einem neuen Tab.
- Blockiert der Browser das Fenster, öffnet die Buchungsseite stattdessen als normaler Link.

Der Fenster-Button fügt ein kleines TicketPa-Script hinzu. Wo Scripts nicht laufen, etwa in E-Mails, erscheint nur ein Textlink. Verwenden Sie dort den einfachen Button.

## Button ändern

- Text: Ersetzen Sie „Jetzt buchen“ im Code durch Ihren Text.
- Eine Aktivität: Ersetzen Sie die Adresse nach `href=` durch den Link unter **Eine Aktivität** auf **Teilen**. Siehe [Buchungsseite teilen](https://ticketpa.com/de/hilfe/buchungsseite-teilen).
- Mehrere Buttons: Fügen Sie den Code an allen gewünschten Stellen ein. Jeder Link mit `data-ticketpa` wird zum Button.
- Eine Sprache: Wählen Sie vor dem Kopieren unter **Sprache des Links** auf **Teilen** eine Sprache. Der Button öffnet sie dann immer. Siehe [Sprachen der Buchungsseite](https://ticketpa.com/de/hilfe/sprachen-der-buchungsseite).

> Hinweis: Die Farben werden beim Kopieren in den Code geschrieben. Nach einer Farbänderung unter **Buchungsseite** kopieren Sie den Code erneut und ersetzen den alten auf Ihrer Website. Siehe [Buchungsseite anpassen](https://ticketpa.com/de/hilfe/buchungsseite-anpassen).

## Häufige Fragen

### Kann ich meinen eigenen Button-Stil verwenden?

Ja. Beim einfachen Button ändern Sie die Stil-Angaben im Code. Beim Fenster-Button ändern Sie `data-ticketpa` zu `data-ticketpa="link"`. Dann behält der Link seinen Stil und öffnet weiterhin das Buchungsfenster.

### Funktioniert der Button in E-Mails und Newslettern?

Verwenden Sie den einfachen Button. Sein Stil steht direkt im Link, daher funktioniert er ohne Script.