Kako ustvariti gradnik

Pregled

Gradnik za rezervacije TicketingHub je orodje JavaScript, ki se vključi v spletna mesta in strankam omogoča neposredno rezervacijo izdelkov. Ustvarite ga v nadzorni plošči, ga konfigurirate po posameznih razdelkih in na svoje spletno mesto prilepite kratek izsek kode.

Podprti brskalniki

Safari 16.4+, Chrome 111+, Firefox 128+.

Ustvarjanje novega gradnika

1. V nadzorni plošči odprite Gradniki
2. Kliknite Nov gradnik
3. Poimenujte gradnik, izberite izdelke, ki jih bo prodajal, in kliknite Ustvari gradnik

Odpre se stran z nastavitvami gradnika, kjer konfigurirate vse preostale možnosti. Na levi so nastavitve, razporejene po razdelkih, na desni pa je prikazan predogled gradnika v živo, ki se osveži ob vsaki spremembi.

Konfiguriranje gradnika

Kaj prodajate

Izberite izdelke, pakete in darilne kartice, ki jih ponuja gradnik, vključite dodatke (vse ali samo ročno izbrane) ter določite, ali lahko stranke izdelke kupijo kot darilne bone ali darilne bone unovčijo v gradniku.

Potek rezervacije

Izberite, kako se stranke pomikajo po gradniku: Najprej vstopnice (izberejo vstopnice, nato datum in čas), Najprej dogodek (brskajo po koledarju, nato izberejo, kaj želijo rezervirati) ali Samo unovčenje bona. Nastavite lahko tudi privzeti pogled koledarja in stranke pozovete, naj svoj e-poštni naslov vnesejo dvakrat, da preprečite tipkarske napake.

Pravila prodaje

Določite, kdaj in kaj gradnik prodaja: datum in čas začetka prodaje, datum, na katerem se odpre koledar, kdaj se prikaže preostala razpoložljivost termina ter v katerih valutah lahko stranke plačujejo. Če v prvem tednu ali mesecu, prikazanem v koledarju, ni mogoče ničesar rezervirati, koledar pogleda naprej in se odpre na prvem datumu, na katerem je rezervacija mogoča.

Videz

Dodajte CSS po meri in natančno prilagodite videz gradnika, da bo ustrezal vaši blagovni znamki.

Analitika

Povežite Google Analytics ali Google Tag Manager in spremljajte, kako obiskovalci uporabljajo vaš gradnik.

Napredno

Po nakupu stranke preusmerite na stran po vaši izbiri in nastavite parameter URL, ki ga uporabljajo vaši preprodajalci, da se njihove rezervacije pripišejo njim.

Predogled, objava in uvedba

Spremembe, ki jih naredite, se shranijo kot osnutek v predogledu v živo – kliknite Posodobi predogled, da jih vidite na desni, ne da bi vplivale na gradnik, ki je trenutno v uporabi. Ko ste zadovoljni, kliknite Objavi, da jih uveljavite, ali Prekliči, da osnutek zavržete.

Če želite gradnik dodati na svoje spletno mesto, odprite Navodila za namestitev: kopirajte oznako script na svojo stran, nato izberite med gradnikom Vdelano (prikaže se neposredno v vsebini vaše strani) in gradnikom Modalno okno/pojavno okno (odpre se v prekrivnem oknu po kliku gumba) ter prilepite ustrezen izsek kode.

Kako gradnik pomika vašo stran

Ko se stranka pomakne na naslednji korak, gradnik obrazec za rezervacijo pomakne nazaj na vrh, tako da stranka, ki se je pomaknila navzdol po dolgem seznamu vstopnic, ne pristane na sredini naslednjega koraka. Če ste gradnik postavili v lastno ploščo, ki se pomika, se pomika ta plošča, vaša stran pa se pomakne samo takrat, ko se plošča sama pomakne iz vidnega polja. To se zgodi, ko se vrh obrazca pomakne iz vidnega polja in ko obrazec sega čez spodnji rob zaslona, nad njim pa je še dovolj prostora. Obrazec, ki se že v celoti prilega zaslonu, ostane na svojem mestu, gradnik pa upošteva prostor za glavo, pripeto na vrh vaše strani.

Če to ne ustreza vaši postavitvi, preprečite pomikanje strani tako, da kodi gradnika, ki ste jo prilepili, dodate "scrollOnStepChange": false:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

Če se vaša glava med pomikanjem obiskovalcev navzdol skrije in se pri pomikanju navzgor znova prikaže, je gradnik ne more izmeriti, zato se lahko vrh obrazca znajde za njo. Namesto da izklopite pomikanje, gradniku določite višino glave v slikovnih pikah:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

Kloniranje obstoječega gradnika (klasični gradniki)

Če uporabljate klasični urejevalnik gradnikov, lahko gradnik podvojite, namesto da ga ustvarjate znova:

1. Odprite Gradniki
2. Izberite obstoječi gradnik
3. Kliknite Kloniraj
4. Izberite ciljni kanal in potrdite izbiro

Prilagodite klonirani gradnik, nato ga objavite in kopirajte kodo na svoje spletno mesto.