# Broneerimisnupu lisamine veebilehele

Uuendatud 2026-10-15, autor TicketPa meeskond. Allikas: https://ticketpa.com/et/abi/broneerimisnupu-lisamine

Broneerimisnupp viib sinu veebilehe külastaja otse broneerimislehele. TicketPa annab kahte tüüpi nupu valmis koodi sinu põhivärvis.

## Nupu lisamise sammud

1. Ava külgribal **Jaga**.
2. Vaata jaotise **Nupp „Broneeri kohe“** all **Eelvaade**. See näitab nuppu sinu põhivärvis.
3. Vali nupu tüüp ja selle kõrval **Kopeeri kood**:
    - **Lihtne nupp (töötab kõikjal, ka e-kirjades)**: nupuna kujundatud link veebilehele, e-kirjadesse ja uudiskirjadesse.
    - **Nupp, mis avab broneerimise aknas sinu veebilehe kõrval**: arvutis avaneb broneerimisleht väikeses aknas ja sinu veebileht jääb selle taha avatuks.
4. Kleebi kood oma veebilehe HTML-i sinna, kus nupp peab ilmuma.

## Kuidas akent avav nupp töötab

- Arvutis avaneb broneerimisleht brauseriakna paremas servas 480 piksli laiuses aknas.
- Telefonis ja alla 640 piksli laiusel ekraanil avaneb leht tavalise lingina.
- Kui külastaja hoiab valimisel all Ctrl-, Cmd- või Shift-klahvi, avab brauser lingi tavapäraselt, näiteks uuel vahelehel.
- Kui brauser blokeerib akna, avaneb broneerimisleht tavalise lingina.

See nupp lisab veebilehele väikese TicketPa skripti. Kus skriptid ei tööta, näiteks e-kirjades, ilmub tavaline tekstilink. Kasuta seal tavalist nuppu.

## Muuda nuppu

- Tekst: asenda koodis „Broneeri kohe“ endale sobiva tekstiga.
- Üks tegevus: asenda koodi link ehk `href=` järel olev aadress lehe **Jaga** jaotises **Üks tegevus** oleva lingiga. Loe [broneerimislehe jagamisest](https://ticketpa.com/et/abi/broneerimislehe-jagamine).
- Mitu nuppu: kleebi kood igasse soovitud kohta. Kõik lehel olevad `data-ticketpa` atribuudiga lingid muutuvad nuppudeks.
- Üks keel: vali lehel **Jaga** jaotises **Lingi keel** keel enne koodi kopeerimist. Nupp avab lehe siis selles keeles. Loe [broneerimislehe keeltest](https://ticketpa.com/et/abi/broneerimislehe-keeled).

> Värvid lisatakse koodi kopeerimisel. Pärast lehel **Broneerimisleht** põhivärvi muutmist kopeeri kood uuesti ja asenda veebilehel vana. Loe [broneerimislehe kohandamisest](https://ticketpa.com/et/abi/broneerimislehe-kohandamine).

## Korduma kippuvad küsimused

### Kas võin kasutada oma nupu kujundust?

Jah. Tavalise nupu puhul muuda koodis olevaid stiile. Akent avava nupu puhul asenda `data-ticketpa` väärtusega `data-ticketpa="link"`. Skript jätab sinu kujunduse alles ja avab endiselt broneerimisakna.

### Kas nupp töötab e-kirjades ja uudiskirjades?

Kasuta tavalist nuppu. See on tavaline link, mille kujundus on koodi sisse kirjutatud, ja ei vaja skripti.