Kako dodati Scheditov rezervacijski gradnik v Wix
Schedito lahko dodate na obstoječe Wix spletno mesto, ne da bi storitve, razpoložljivost ali rezervacije prenesli v Wix. Najpreprostejša Wix integracija uporablja element Embed HTML, v katerem so trije elementi Scheditovega gradnika.
Wix vdelani HTML obravnava drugače kot običajno spletno mesto: koda se izvaja znotraj izoliranega iframe okolja. Ta vodnik pojasni to Wix posebnost in pravilno integracijo Schedita.
Preden odprete Wix urejevalnik
Nastavljen Scheditov koledar
Nastavite storitve, vire in razpoložljivost, ki jih želite ponuditi obiskovalcem Wix spletnega mesta.
Dostop do Wix urejevalnika
Potrebujete možnost urejanja ciljne strani in dodajanja HTML embed elementa.
Trije elementi Scheditove kode
V Scheditu odprite kodo gradnika ter pripravite CSS povezavo, JavaScript skripto in DIV posameznega koledarja.
1. Razumite, zakaj je Wix drugačen
Na običajnem spletnem mestu priporočamo, da Scheditov CSS in JavaScript naložite enkrat, nato pa DIV posameznega koledarja postavite na ustrezno mesto.
Običajni Wix Embed HTML deluje v izoliranem iframe okolju. Koda v zunanji Wix strani ne postane samodejno del iframe dokumenta, koda v iframeu pa nima neposrednega dostopa do preostale strani.
Zato je najpreprostejša Wix namestitev namerna izjema: CSS povezava, JavaScript skripta in DIV gradnika morajo biti skupaj v istem iframeu.
Običajna integracija
JavaScript — enkrat
DIV — kjer je potreben
Wix Embed HTML
CSS povezava
JavaScript skripta
DIV posameznega koledarja
2. Dodajte HTML embed element
Odprite Wix stran, kjer želite strankam omogočiti rezervacijo.
Dodajte HTML oziroma Embed Code element. Wix Editor in Wix Studio uporabljata nekoliko različna poimenovanja, vendar oba omogočata vdelavo zunanje HTML kode.
Element postavite na želeno mesto ter mu zagotovite dovolj širine in višine za rezervacijski koledar.
3. V embed dodajte vse tri Scheditove elemente
V nadzorni plošči Schedito odprite kodo gradnika. CSS povezavo, JavaScript skripto in HTML DIV kopirajte v Wix polje za embed kodo.
Praktičen vrstni red je:
1. CSS povezava
2. DIV posameznega koledarja
3. JavaScript skripta
Uporabite aktualne izseke kode, ki jih prikazuje Schedito. Ne uporabljajte identifikatorjev ali URL-jev iz drugega koledarja oziroma starega vodnika.
Ponavljanje CSS-a in JavaScripta je Wix posebnost iframe integracije in ni splošno priporočilo za običajna spletna mesta.
Znotraj Wix Embed HTML elementa
Iframeu zagotovite dovolj prostora
Wix HTML element ima lastne dimenzije. Gradnik se lahko prilagaja širini, ki jo ima znotraj elementa, vendar Wix še vedno določa celotno velikost iframea.
Element naj bo dovolj širok za vaš layout in dovolj visok za celoten rezervacijski postopek. Če je prenizek, so lahko poznejši koraki odrezani ali zahtevajo notranje pomikanje.
Iframe je tudi vizualno izoliran. CSS Wix spletnega mesta Schedita ne oblikuje samodejno. Svetlo ali temno temo ter druge vizualne lastnosti nastavite neposredno v Scheditu.
Napredne Wix integracije: Custom Elements
Wix podpira tudi Custom Elements, ki temeljijo na standardu Web Components. Ti omogočajo tesnejšo integracijo kot običajen iframe in so uporabni za ponovno uporabljive ali bolj povezane komponente.
Schedito trenutno za običajno namestitev iz tega vodnika ne zahteva in ne ponuja posebnega Wix Custom Elementa. Takšna rešitev zato spada med napredne integracije za razvijalce.
Če potrebujete veliko Scheditovih gradnikov na istem Wix spletnem mestu, je lahko namenski ponovno uporabljiv Custom Element smiseln naslednji korak.
Katero možnost izbrati?
En ali nekaj gradnikov
Uporabite Embed HTML. To je najpreprostejša možnost.
Napredna integracija ali veliko gradnikov
Razmislite o namenskem Wix Custom Elementu.
4. Objavite in preizkusite celoten rezervacijski postopek
Preverite gradnik, velikost iframea in rezultat rezervacije, ne samo prisotnosti elementa na strani.
Preizkusite objavljeno stran
Preverite objavljeno Wix stran in ne samo urejevalnika oziroma predogleda. Potrdite, da se Schedito naloži v celoti.
Opravite testno rezervacijo
Izberite storitev, datum in termin ter dokončajte postopek. Rezervacijo nato preverite v Scheditovi nadzorni plošči.
Preverite desktop in mobilni prikaz
Preverite postavitev gradnika in dimenzije Wix embed elementa pri odzivnih velikostih, ki jih uporablja vaše spletno mesto.
Odpravljanje težav z Wix rezervacijskim gradnikom
Preverite vse tri elemente v Wix embed kodi: aktualno Scheditovo CSS povezavo, JavaScript skripto in DIV posameznega koledarja.
Preverite identifikatorja organizacije in javnega koledarja ter v razvijalskih orodjih poiščite neuspele zahteve.
To je pričakovano pri običajnem Wix HTML embedu. Embed deluje v ločenem iframe dokumentu, Custom Code pa v zunanji Wix strani.
Pri preprosti iframe integraciji CSS povezavo, JavaScript skripto in DIV postavite skupaj v isti embed element.
Povečajte višino Wix HTML elementa. Wix layout nadzoruje dimenzije iframea, zato je lahko pravilno prikazan Scheditov gradnik še vedno odrezan, če je vsebnik prenizek.
Wix integracija verjetno deluje. Preverite Schedito: storitev, potrebne vire, ponavljajočo se razpoložljivost, izjeme, rezervacije, kapaciteto in obveznosti v povezanih zunanjih koledarjih.
To je pri HTML iframeu pričakovano. Vdelani Scheditov dokument je izoliran od slogov zunanje Wix strani.
Svetlo ali temno temo, barve in druge podprte vizualne lastnosti nastavite neposredno v Scheditu.
Preverite oba nivoja: Schedito se odziva na širino znotraj iframea, Wix pa določa širino in višino embed elementa. Prilagodite Wix element pri ustreznem breakpointu in ponovno preizkusite objavljeno stran.
Wix naj upravlja spletno mesto, Schedito pa rezervacije
Ko gradnik deluje, storitve, vire, razpoložljivost, kapaciteto, sinhronizacijo koledarjev in videz še naprej upravljajte v Scheditu.
Vsi Scheditovi vodniki · Prilagajanje gradnika · Sinhronizacija z Google Koledarjem