Kako dodati Scheditov rezervacijski gradnik v Squarespace
Squarespace omogoča Scheditovo priporočeno tridelno integracijo: skupno slogovno datoteko naložite enkrat, JavaScript enkrat, DIV posameznega koledarja pa postavite na stran, kjer želite sprejemati rezervacije.
Ta vodnik uporablja Squarespace Header in Footer Code Injection za skupne datoteke ter Code Block za rezervacijski koledar.
Preden odprete Squarespace
Nastavljen Scheditov koledar
Nastavite storitve, vire in razpoložljivost, ki jih želite ponuditi strankam.
Squarespace paket s Code Injection
Priporočena integracija zahteva Code Injection, ki je na voljo v trenutnih paketih Core, Plus in Advanced ter nekaterih starejših paketih.
Trije Scheditovi elementi
V Scheditu odprite kodo gradnika in pripravite CSS povezavo, JavaScript skripto in DIV posameznega koledarja.
1. Ločite tri Scheditove elemente
Scheditova nadzorna plošča ponuja tri frontend elemente:
CSS povezava — zagotavlja slog.
JavaScript skripta — naloži in upravlja gradnike.
DIV gradnika — določa organizacijo, javni koledar in mesto prikaza.
V Squarespaceu lahko CSS in JavaScript naložite samo enkrat prek Code Injection, DIV koledarja pa postavite neposredno v vsebino strani.
Scheditova CSS povezava — enkrat
Scheditov JavaScript — enkrat
DIV posameznega koledarja
2. Dodajte Scheditovo CSS povezavo v Header Code Injection
Iz Scheditove nadzorne plošče kopirajte CSS <link>.
V Squarespaceu odprite Code Injection in povezavo prilepite v polje Header. Koda iz tega polja se doda v <head> spletnih strani.
Slogovne datoteke ne kopirajte v vsak rezervacijski Code Block.
3. Dodajte Scheditov JavaScript v Footer Code Injection
Kopirajte JavaScript <script>, ki ga prikaže Scheditova nadzorna plošča.
V Squarespace Code Injection ga prilepite v polje Footer.
Tako skupni JavaScript ostane zunaj posameznih Code Blockov in je na voljo koledarjem na spletnem mestu.
Skripto naložite samo enkrat.
4. DIV koledarja postavite v Code Block
Odprite Squarespace stran, kjer želite prikazati rezervacije, in dodajte Code Block na ustrezno mesto.
Izberite HTML in vanj prilepite samo DIV posameznega koledarja iz Schedita.
DIV vsebuje vrednosti, kot sta data-organization-id in data-calendar-public-id. Uporabite vrednosti koledarja, ki ga želite objaviti.
Ker sta CSS in JavaScript že naložena ločeno, ostane blok majhen in specifičen.
Preverite svoj Squarespace paket
Code Blocks podpirajo običajen HTML tudi na trenutnih osnovnih paketih, zato sam Scheditov DIV ni omejitev.
Priporočena Scheditova nastavitev pa potrebuje tudi Code Injection za skupne frontend datoteke. Squarespace ga trenutno ponuja na paketih Core, Plus in Advanced ter nekaterih starejših paketih.
Če vaš paket nima Code Injection, ga nadgradite, preden uporabite ta način integracije.
Uporaba več Scheditovih koledarjev v Squarespaceu
Če rezervacije potrebuje več strani, skupno CSS povezavo in JavaScript ohranite v Code Injection samo enkrat.
Nato na vsako rezervacijsko mesto dodajte Code Block in vanj prilepite DIV ustreznega koledarja.
Stran storitve, stran svetovanja in stran delavnice lahko tako uporabljajo različne koledarje brez ponovnega nalaganja istih frontend datotek.
Skupno — enkrat
JavaScript skripta
Za vsako mesto
Stran B → DIV koledarja B
Stran C → DIV koledarja C
5. Objavite in preizkusite celoten rezervacijski postopek
Ne ustavite se pri prikazu koledarja. Preverite dejansko razpoložljivost in oddajo rezervacije na javnem spletnem mestu.
Odprite javno stran
Preizkusite javno Squarespace stran in preverite, ali CSS, JavaScript in DIV skupaj ustvarijo delujoč rezervacijski vmesnik.
Opravite rezervacijo
Izberite storitev, datum in termin ter dokončajte pravo testno rezervacijo. Rezultat preverite v Scheditu.
Preverite mobilni prikaz
Preverite desktop in mobilni prikaz ter ali Squarespace sekcija in blok gradniku zagotavljata dovolj uporabne širine.
Odpravljanje težav s Squarespace rezervacijskim gradnikom
Ločeno preverite tri dele: CSS povezavo v Header Code Injection, JavaScript v Footer Code Injection in DIV posameznega koledarja v Code Blocku.
Preverite tudi identifikatorja organizacije in javnega koledarja ter neuspele zahteve v razvijalskih orodjih.
Preverite Squarespace paket. Code Injection je premium funkcija in ni na voljo na trenutnem paketu Basic.
Za priporočeno Scheditovo integracijo paket Basic nadgradite na paket, ki podpira Code Injection.
Squarespace integracija verjetno deluje. V Scheditu preverite storitev, potrebne vire, ponavljajočo se razpoložljivost, izjeme, rezervacije, kapaciteto in povezane zunanje koledarje.
Preverite, ali ste skupne datoteke kopirali tako v Code Injection kot v posamezne Code Blocke. CSS in JavaScript ohranite v Code Injection, nepotrebne kopije pa odstranite.
Preverite okoliško Squarespace sekcijo in postavitev bloka. Stolpci, razmiki in širina vsebnika lahko omejijo gradnik tudi, ko je Schedito odziven.
V Scheditu uporabite svetli ali temni način ter podprte barve. Preverite tudi, ali splošna Squarespace Custom CSS pravila nehote vplivajo na obrazce ali gumbe.
Squarespace naj skrbi za spletno mesto, Schedito pa za rezervacije
Ko integracija deluje, storitve, vire, razpoložljivost, kapaciteto, sinhronizacijo koledarjev in videz še naprej upravljajte v Scheditu.
Začnite brezplačnoSquarespace pregled
Vsi Scheditovi vodniki · Prilagajanje gradnika · Sinhronizacija z Google Koledarjem