Vgradnja razporejevalnika na vašo spletno stran
Nastavitve → Integracije obiskovalcem omogoča, da vas rezervirajo neposredno z vaše spletne strani prek vgrajenega razporejevalnika, namesto da jih pošiljate sem.
1. Dovolite svojo domeno
V razdelku Dovoljene domene vnesite točen izvor strani, ki bo gostila razporejevalnik, torej samo shemo in gostitelja, brez poti in brez poševnice na koncu:
https://apply.acme.com ✓
https://acme.com:8443 ✓
acme.com ✗ manjka shema
https://acme.com/book ✗ vsebuje pot
https://acme.com/ ✗ poševnica na koncuhttps://www.acme.com in https://acme.com sta različna izvora. Če obiskovalci lahko pridejo na stran po obeh poteh, dodajte oba.
Ta seznam je hkrati stikalo: dokler je prazen, razporejevalnika ni mogoče vgraditi nikamor. Dodate lahko do 50 domen, odstranitev pa učinkuje takoj.
2. Prilepite izsek kode
Vsaka odobrena storitev ima svoj izsek kode. Kopirajte ga in ga prilepite na stran tja, kjer naj se razporejevalnik pojavi:
<div class="scheduling-embed" data-service="SERVICE_ID"></div>
<script src="https://embed.example.com/embed.js" async></script><div> označi mesto; oznaka script je lahko kjer koli na strani in zadostuje enkrat, tudi pri več razporejevalnikih. Če vidite sporočilo, da še nimate odobrenih storitev za vgradnjo, je storitev še v pregledu. Njen izsek se pojavi, ko je odobrena.
3. Nastavite jezik
Jezik pripomočka na tej strani določa, kaj vidijo obiskovalci. Pustite možnost sledi jeziku strani in razporejevalnik bo prebral atribut lang iz oznake <html> vaše strani, torej isti atribut, ki ga uporabljajo iskalniki in bralniki zaslona, zato dobro lokalizirana stran ne potrebuje dodatnih nastavitev:
<!doctype html>
<html lang="es"> <!-- razporejevalnik se prikaže v španščini -->
<head>…</head>
<body>…</body>
</html>Regionalne oznake delujejo: lang="pt-BR" se skrči na najbližji podprti jezik, namesto da bi bila zavrnjena.
Če želite za en razporejevalnik prezreti jezik strani, dodajte data-locale na div za vgradnjo. Ta prevlada nad jezikom strani in nad nastavitvijo na tej strani:
<div class="scheduling-embed" data-service="SERVICE_ID" data-locale="de"></div>Če ima vaša stran svoj preklopnik jezika, naj mu razporejevalnik sledi. Zamenjava poteka na mestu, zato se ohrani vse, kar je obiskovalec že izpolnil:
window.SchedulerEmbed.setLocale("sr");Na kratko: zmaga prvo nastavljeno, torej data-locale, nato <html lang> vaše strani, nato Jezik pripomočka, nato brskalnik obiskovalca in nazadnje angleščina.
Druge možnosti
Dodajte jih na div za vgradnjo:
data-mode="popup" prikaže gumb, ki odpre razporejevalnik v prekrivnem oknu, namesto da ga vstavi v stran.
data-label="Rezerviraj" določi besedilo gumba v prekrivnem načinu.
data-min-height="480" določi višino v slikovnih pikah, preden razporejevalnik sporoči svojo dejansko velikost. Povečajte jo, če ob nalaganju opazite poskok.
Na voljo sta še dva klica, če vaša stran vstavlja vsebino dinamično ali meri konverzije:
// Znova preglej stran po dodajanju div-a razporejevalnika
window.SchedulerEmbed.refresh();
// Sproži se, ko obiskovalec zaključi rezervacijo
window.SchedulerEmbed.onBooking(function (e) {
console.log(e.bookingId, e.serviceId);
});Če se razporejevalnik ne naloži
Izvor strani ni na seznamu dovoljenih ali se ne ujema natančno. Dovolj je http namesto https ali manjkajoč www.
Izsek je pristal tam, kjer se skripta ne more izvesti, na primer v bloku navadnega besedila ali omejenega HTML v urejevalniku strani.
Vrednost data-service je bila spremenjena. Izsek prilepite takšen, kot je, namesto da bi identifikator pretipkali.
Storitev je bila umaknjena ali ni več odobrena.