# Dodawanie przycisku rezerwacji na witrynie

Zaktualizowano 2026-10-15, autor: zespół TicketPa. Źródło: https://ticketpa.com/pl/pomoc/dodawanie-przycisku-rezerwacji-na-witrynie

Przycisk Zarezerwuj teraz prowadzi na stronę rezerwacji. TicketPa daje gotowy kod dwóch rodzajów w kolorze akcentu.

## Dodaj przycisk

1. Otwórz **Udostępnianie**.
2. Pod **Przycisk „Zarezerwuj teraz”** sprawdź **Podgląd** w twoim kolorze.
3. Wybierz rodzaj i **Kopiuj kod**:
    - **Zwykły przycisk (działa wszędzie, nawet w e-mailach)**: link wyglądający jak przycisk na witryny, e-maile i newslettery.
    - **Przycisk, który otwiera rezerwację w okienku obok twojej strony**: na komputerze małe okno rezerwacji z witryną za nim.
4. Wklej w HTML witryny w miejscu przycisku.

## Jak działa okno

- Na komputerze ma szerokość 480 pikseli i jest po prawej.
- Telefon lub ekran poniżej 640 pikseli używa normalnego linku.
- Ctrl, Cmd lub Shift otwierają zgodnie z regułami przeglądarki, np. w nowej karcie.
- Blokada okien powoduje zwykłe otwarcie strony.

Przycisk dodaje mały skrypt TicketPa. Bez skryptów, np. w e-mailu, jest linkiem tekstowym. Tam użyj zwykłego przycisku.

## Zmień przycisk

- Tekst: zamień „Zarezerwuj teraz” w kodzie na własny.
- Jedna atrakcja: zamień adres po `href=` na link z **Jedna atrakcja** w **Udostępnianie**. Zobacz [Udostępnianie](https://ticketpa.com/pl/pomoc/udostepnianie-strony-rezerwacji).
- Kilka: wklej kod w każde miejsce. Każdy link z `data-ticketpa` staje się przyciskiem.
- Język: wybierz **Język linków** w **Udostępnianie** przed kopiowaniem. Zobacz [Języki strony](https://ticketpa.com/pl/pomoc/jezyki-strony-rezerwacji).

> Uwaga: kolor jest zapisany w kodzie przy kopiowaniu. Po zmianie w **Strona rezerwacji** skopiuj ponownie i zastąp stary kod. Zobacz [Dostosowywanie strony](https://ticketpa.com/pl/pomoc/dostosowywanie-strony-rezerwacji).

## Najczęściej zadawane pytania

### Czy mogę zachować własny styl?

Tak. Zmień styl w kodzie zwykłego przycisku. Dla okna zmień `data-ticketpa` na `data-ticketpa="link"`. Skrypt zachowa styl linku i nadal otworzy okno.

### Czy działa w e-mailach i newsletterach?

Użyj zwykłego. To link ze stylem zapisanym w nim, bez skryptu.