# Kuidas lisada broneerimisnupp oma veebilehele: WordPress, Wix, Squarespace ja Shopify Avaldatud 2026-10-04, autor TicketPa meeskond. Allikas: https://ticketpa.com/et/blog/broneerimisnupp-veebilehele Broneerimisnupu lisamiseks oma veebilehele kopeeri broneerimissüsteemist oma broneerimislehe link ja seo see oma lehel oleva nupuga või kleebi broneerimissüsteemi antud nupukood HTML- või koodiplokki. Mõlemal juhul võtab see mõne minuti ja arendajat pole vaja. Allpool on sammud WordPressi, Wixi, Squarespace'i, Shopify ja mis tahes muu veebilehe jaoks. See juhend käsitleb mõlemat viisi, kuhu nupp paigutada, et külalised seda päriselt kasutaksid, ja kuidas seda testida. Näidetes on kasutatud TicketPa süsteemi, kuid enamiku broneerimissüsteemide puhul on sammud samad. ## Kaks viisi broneerimisnupu lisamiseks | Viis | Kuidas see töötab | Sobib kõige paremini | | --------------------------- | ------------------------------------------------------------------------------- | -------------------------------------------------------------------- | | Seo olemasolev nupp lingiga | Kasuta oma veebilehe tööriista enda nuppu ja pane selle lingiks broneerimisleht | Igale veebilehe tööriistale, ka neile, mis piiravad kohandatud koodi | | Kleebi koodijupp | Kleebi broneerimissüsteemi nupukood HTML-plokki | Lehtedele, mis lubavad kohandatud HTML-i, kui soovid valmis nuppu | Nupu sidumine lingiga on kõige lihtsam ja töötab kõikjal. Koodijupp annab sulle valmis kujundusega nupu ja mõne broneerimissüsteemi puhul saab see avada broneerimislehe sinu lehe kõrval olevas aknas. ## 1. samm: hangi oma broneerimislink või nupukood Iga broneerimissüsteem annab sulle lingi sinu broneerimislehele ja paljud annavad ka lingi iga tegevuse jaoks ning nupu koodijupi. TicketPa süsteemis ava leht **Share** (Jaga). Seal on: - **Sinu broneerimisleht:** üks link kõigile tegevustele, mida külalised saavad broneerida. Kasuta seda oma peamenüüs ja avalehel. - **Üks tegevus:** link otse ühe tegevuse kalendrisse. Kasuta seda selle tegevuse lehel ning selle kohta tehtud postitustes ja reklaamides. - **Nupp „Broneeri kohe“:** kood, mille kleebid oma veebilehele, sinu broneerimislehe rõhuvärviga. Sellest on kaks versiooni: - **lihtne nupp**, mis töötab kõikjal, isegi e-kirjades - **nupp, mis avab broneerimise aknas** arvutis sinu lehe kõrval Kopeeri link või kood, mida vajad. ## 2. samm: lisa see oma veebilehele ### WordPress **Nupu sidumiseks lingiga:** lisa plokiredaktoris sinna, kuhu nuppu soovid, nuppude plokk (**Buttons**), kirjuta „Broneeri kohe“ ja kleebi oma broneerimislink nupu lingiväljale. **Koodijupi kleepimiseks:** lisa sinna, kuhu nuppu soovid, kohandatud HTML-i plokk (**Custom HTML**) ja kleebi kood. Vaata lehe eelvaadet, et nuppu näha. Kui sinu teemal on päisemenüü, lisa oma broneerimislink ka menüüpunktiks: välimuse ja menüüde seadetes (**Appearance, Menus**) või saidiredaktori navigatsiooniplokis. ### Wix **Nupu sidumiseks lingiga:** lisa elementide lisamise paneelilt (**Add Elements**) nupp (**Button**), muuda selle tekstiks „Broneeri kohe“, ava lingi seaded ja vali veebiaadress. Kleebi oma broneerimislink. Wix paigutab kohandatud koodi raami sisse, mis võib takistada nupul uue akna avamist. Wixi puhul on nupu sidumine lingiga usaldusväärsem valik. ### Squarespace **Nupu sidumiseks lingiga:** muuda lehte, lisa nupuplokk (**Button**), kirjuta „Broneeri kohe“ ja kleebi selle lingiks oma broneerimislink. **Koodijupi kleepimiseks:** lisa koodiplokk (**Code**) ja kleebi kood. Skripte käivitavad koodiplokid on saadaval ainult mõnes Squarespace'i paketis, nii et kui koodijupp sinu paketis ei tööta, seo selle asemel lingiga nupp. ### Shopify **Nupu sidumiseks lingiga:** lisa teemaredaktoris jaotis, kus on nupp, näiteks pildibänner (**Image banner**), või muuda olemasolevat ja kleebi nupu lingiks oma broneerimislink. Menüüsse lisamiseks mine veebipoe navigatsiooni (**Online Store, Navigation**), ava oma peamenüü ja lisa menüüpunkt oma broneerimislingiga. **Koodijupi kleepimiseks:** lisa teemaredaktoris jaotis **Custom Liquid** ja kleebi kood. ### Mis tahes muu veebileht Käsitsi tehtud lehel või tööriistades nagu Webflow, Framer või Carrd kleebi koodijupp lehe HTML-i või tööriista manustamis- või HTML-elementi sinna, kus nupp peaks olema. Kui koodi lisada ei saa, kasuta mis tahes linki või nuppu ja suuna see oma broneerimislingile. ## Kuhu broneerimisnupp paigutada Broneerimisnupp töötab ainult siis, kui külalised näevad seda hetkel, mil nad on broneerimiseks valmis: - **Iga tegevuse lehe ülaossa**, hinna kõrvale, et külalised ei peaks kerima. - **Oma peamenüüsse** viimaseks punktiks, nupuna kujundatud. - **Iga tegevuse lehe lõppu**, pärast kirjeldust ja fotosid. - **Oma avalehele**, esimese pealkirja lähedale. - **Oma kontaktilehele** külalistele, kes olid just saatmas sõnumit vabade kohtade kohta. Kasuta nupu tekstina „Broneeri kohe“ või „Vaata vabu aegu“. Külalised teavad, mida mõlemad tähendavad, ja mõlemad algavad sellest, mida nad teha tahavad. ## Seo iga tegevus selle enda kalendriga Kui sinu veebilehel on iga tegevuse jaoks oma leht, seo iga lehe nupp selle tegevusega, mitte sinu üldise broneerimislehega. Külalised jõuavad õigesse kalendrisse ja säästavad ühe sammu, mis tähendab, et vähem neist loobub enne broneerimist. TicketPa lehel **Share** on link iga tegevuse jaoks. Kasuta oma üldist broneerimislehe linki ainult kohtades, mis hõlmavad kõike, näiteks menüüs ja avalehel. ## Testi oma broneerimisnuppu Enne kellelegi teatamist testi seda nii, nagu teeks seda külaline: 1. **Ava oma veebileht telefonis** ja puuduta nuppu. 2. **Kontrolli, kas see viib õigele lehele**, õige tegevuse ja reaalajas vabade aegadeni. 3. **Tee proovibroneering** või mine kuni makse sammuni. 4. **Korda arvutis.** Kui sinu nupp avab broneerimise aknas, kontrolli, kas aken avaneb ja kas broneerimisleht avaneb ka siis, kui brauser aknad blokeerib. ## Kasuta sama linki ka mujal Sinu broneerimislink töötab kõikjal, kus külaline saab lingil klõpsata, mitte ainult sinu veebilehel. Lisa see oma Google'i ettevõtteprofiili, Instagrami profiili tutvustusse ja WhatsAppi vastustesse. Meie juhend [broneeringute vastuvõtmisest Instagramis, Google'is ja WhatsAppis](https://ticketpa.com/et/blog/broneerimislink-instagram-whatsapp) näitab, kuhu iga link läheb. ## Kuidas TicketPa nupp töötab TicketPa nupp on link koos väikese skriptiga. Arvutis avab see sinu broneerimislehe sinu lehe kõrval olevas aknas, nii et sinu veebileht jääb külaliste jaoks selle taha avatuks. Telefonis või siis, kui brauser akna blokeerib, avab see sinu broneerimislehe nagu tavaline link. Skript ei jälgi sinu külastajaid ja nupp kasutab sinu broneerimislehe rõhuvärvi. TicketPa on broneerimissüsteem ekskursioonidele, kursustele ja elamustele ning selle broneerimisleht töötab ka ilma veebileheta. Vaata [kõiki võimalusi](https://ticketpa.com/et/voimalused) või oma tegevusele mõeldud lehte, näiteks [ekskursioonid](https://ticketpa.com/et/broneerimissusteem-ekskursioonidele) või [õpitoad](https://ticketpa.com/et/broneerimissusteem-opitubadele). ## Korduma kippuvad küsimused ### Kas broneerimisnupu lisamiseks on vaja arendajat? Ei. Peaaegu iga veebilehe tööriistaga saad mõne minutiga lisada nupu ja panna selle lingiks oma broneerimislehe. Nupu koodijupi kleepimine võtab umbes sama kaua, kui sinu tööriistal on HTML- või koodiplokk. Arendajat vajad ainult täiesti kohandatud kujunduse jaoks. ### Kas broneerimisleht saab avaneda minu veebilehe sees? See sõltub broneerimissüsteemist. Mõni näitab broneerimislehte sinu lehe sees raamis, teised avavad selle eraldi lehe või aknana. TicketPa avab broneerimise arvutis sinu lehe kõrval olevas aknas ja telefonis tavalise lehena, nii et maksmine töötab usaldusväärselt igas brauseris. ### Kas broneerimisnupp aeglustab minu veebilehte? Lingiga seotud nupp ei lisa sinu lehe laadimisajale midagi, sest see on lihtsalt link. Skriptiga koodijupp lisab väikese faili ja hästi tehtud skript laadib pärast ülejäänud lehte, nii et külastajad seda ei märka. TicketPa skript laadib just nii ega jälgi sinu külastajaid. ### Kas saan kasutada oma nupukujundust? Jah. Kasuta oma veebilehe tööriista mis tahes nuppu või linki, kujunda see nii, nagu soovid, ja pane selle lingiks oma broneerimisleht või tegevuse link. Valmis koodijupp on olemas mugavuse pärast, mitte sellepärast, et seda tingimata vajaksid. ### Kas saan lisada broneerimisnupu oma e-kirjadesse? Jah. Kleebi oma broneerimislink e-kirjade tööriista nuppu või kasuta lihtsat nupu koodijuppi, kui sinu tööriist HTML-i aktsepteerib. E-kirjades skriptid ei tööta, nii et kasuta lihtsat nuppu, mis on kujundatud link. Seetõttu töötab TicketPa lihtne nupp ka e-kirjades.