Kako dodati Scheditov rezervacijski gradnik v WordPress
Za netehničnega uporabnika WordPressa je najpreprosteje enkrat namestiti WPCode, prek njega naložiti skupni Scheditov CSS in JavaScript, na rezervacijsko stran pa dodati samo DIV posameznega koledarja.
Ta vodnik uporablja prav ta postopek. WordPress teme ni treba spreminjati, urejati PHP datotek ali nameščati posebnega Scheditovega vtičnika.
Preden začnete
Delujoč Scheditov koledar
Pred objavo gradnika nastavite storitve, vire in razpoložljivost, ki jih bodo stranke lahko rezervirale.
Administratorski dostop do WordPressa
Potrebujete pravico za namestitev in aktivacijo vtičnika ter za ustvarjanje ali urejanje strani.
Scheditova koda gradnika
V nadzorni plošči Schedito odprite kodo gradnika in pripravite CSS povezavo, JavaScript skripto in DIV posameznega koledarja.
1. Namestite WPCode
V WordPress administraciji odprite Vtičniki → Dodaj nov vtičnik in poiščite WPCode. Namestite ga in aktivirajte.
WPCode omogoča globalno dodajanje Scheditovega CSS in JavaScripta brez spreminjanja datotek teme. Ta del nastavite samo enkrat za celotno spletno mesto.
2. Dodajte Scheditov CSS in JavaScript v WPCode
V WordPressu odprite Code Snippets → Header & Footer.
Celoten Scheditov CSS <link> prilepite v polje Header. Celotno JavaScript <script> oznako prilepite v polje Footer. Polje Body pustite prazno.
Kliknite Save Changes. Oznak <link> in <script> ne odstranjujte; kopirajte celotna elementa tako, kot ju prikaže Schedito.
3. Ustvarite rezervacijsko stran in dodajte gradnik
Odprite Strani → Dodaj novo stran in ustvarite stran, na primer Rezervacija, Termini ali Naročanje.
Dodajte blok Custom HTML. Poiščete ga lahko po imenu ali v nov blok vpišete /html.
Iz Schedita kopirajte samo DIV gradnika za izbrani koledar in ga prilepite v blok. CSS in JavaScripta ne dodajajte ponovno, saj ju že nalaga WPCode.
Objavite stran. Če želite, da je dosegljiva iz glavne navigacije, jo dodajte v WordPress meni ali navigacijo.
Kaj spada kam
WPCode Header: Scheditov CSS <link> — enkrat za spletno mesto.
WPCode Footer: Scheditov JavaScript <script> — enkrat za spletno mesto.
Rezervacijska stran → blok Custom HTML: Scheditov <div> posameznega koledarja — po en za vsak prikazani koledar.
Ločevanje teh treh delov prepreči podvajanje skript in poenostavi dodajanje novih Scheditovih koledarjev.
4. Objavite in preizkusite kot stranka
Odprite dejansko objavljeno stran in izvedite rezervacijo od začetka do konca.
Odprite javno stran
Preizkusite objavljeno stran, ne samo predogleda v WordPress urejevalniku. Preverite, ali se Scheditov vmesnik prikaže.
Opravite rezervacijo
Izberite storitev, datum in uro ter oddajte pravo testno rezervacijo. Nato preverite, ali se je pojavila v Scheditu.
Preverite tudi mobilni prikaz
Stran odprite na telefonu ali v ozkem oknu brskalnika in preverite, ali je gradnik še vedno uporaben in pravilno prikazan.
Odpravljanje težav z WordPress rezervacijskim gradnikom
Ločeno preverite tri dele: DIV mora biti na strani, CSS povezava v WPCode Header in JavaScript skripta v WPCode Footer. Nato preverite, ali so bile spremembe v WPCode shranjene in ali virov ne blokira predpomnilnik, varnostni ali optimizacijski vtičnik.
CSS povezavo premaknite v WPCode Header, JavaScript skripto pa v WPCode Footer. V bloku Custom HTML pustite samo DIV posameznega koledarja.
V WordPress administraciji odprite Code Snippets → Header & Footer. Za ta način namestitve vam ni treba ustvarjati ločenih PHP ali JavaScript snippetov.
WordPress integracija verjetno deluje. Preverite Schedito: storitev, potrebne vire, ponavljajočo se razpoložljivost, izjeme po datumih, obstoječe rezervacije in povezane zunanje koledarje.
Preverite širino, padding in postavitev WordPress bloka ali vsebnika okoli gradnika. Ne postavljajte ga v po nepotrebnem ozko fiksno kolono.
Počistite WordPress, CDN in brskalniški predpomnilnik. Če optimizacijski vtičnik zakasni ali prepiše JavaScript, izključite Scheditovo datoteko, kadar takšna optimizacija preprečuje pravilno nalaganje.
Vaše WordPress spletno mesto je zdaj povezano s Scheditom
Od zdaj naprej storitve, razpoložljivost, koledarje in videz gradnika upravljajte v Scheditu. V WordPressu ostaneta skupna CSS/JavaScript povezava ter DIV na mestih, kjer želite prikazati rezervacije.
Začnite brezplačnoWordPress pregled
Vsi Scheditovi vodniki · Prilagajanje gradnika · Sinhronizacija z Google Koledarjem