Dodavanje zakazivanja i chata na vlastitu web stranicu

Već imaš web stranicu na WordPressu, Squarespaceu, Wixu ili nečem drugom? Dodaj kratku skriptu i tvoj tijek zakazivanja otvarat će se izravno iznad tvojih stranica. Klijenti zakazuju bez napuštanja tvoje stranice. Druga skripta dodaje gumb za Live Chat.

Dodavanje widgeta za zakazivanje

1. 1

   Korak 1 od 3

   Dodaj skriptu

   Zalijepi ovo ispred zatvarajuće oznake body na svojoj web stranici, uz svoju primarnu adresu:

   <script src="https://hairhaven.onsoftalon.com/embeds/booking.js"></script>
   

   U adresi skripte koristi svoju primarnu domenu. Tvoje ostale adrese preusmjeravaju na primarnu, a widget sluša samo adresu s koje je učitan, pa ga nepodudaranje sprječava da se ispravno zatvori i javi zakazane termine.

2. 2

   Korak 2 od 3

   Dodaj gumb

   Bilo kojem gumbu ili poveznici dodaj klasu softalon-booking-trigger:

   <button class="softalon-booking-trigger">Zakaži</button>
   

   Možeš koristiti i atribut data-softalon-booking-trigger ili id softalon-booking-trigger.

3. 3

   Korak 3 od 3

   Testiraj

   Objavi svoju stranicu i odaberi gumb.

   Vidjet ćeš:

   Tvoj tijek zakazivanja klizi s desne strane stranice. Na mobitelima ispunjava cijeli zaslon.

Unaprijed odabrana lokacija, usluga ili zaposlenik

Dodaj ove atribute gumbu kako bi se preskočili koraci u tijeku zakazivanja:

<button class="softalon-booking-trigger" data-service-id="SERVICE_ID">
    Zakaži šišanje
</button>

Ako želiš pronaći ID, u Softalonu otvori opciju dijeljenja za tu uslugu, lokaciju ili zaposlenika i kopiraj cijelu poveznicu za zakazivanje. ID-jevi se nalaze u poveznici nakon serviceId=, locationId= i memberId=. Pogledaj Dijeljenje poveznice za zakazivanje.

Odabir načina otvaranja

Postavi je za pojedini gumb atributom data-variant ili za cijelu stranicu atributom data-variant na oznaci skripte:

<script src="https://hairhaven.onsoftalon.com/embeds/booking.js" data-variant="dialog"></script>

Klijenti mogu zatvoriti widget tipkom Escape. Uz sheet widget se zatvara i klikom na tamnu pozadinu.

Upravljanje JavaScriptom

Ako pišeš vlastiti kod, skripta dodaje window.$softalon.booking:

window.$softalon.booking.init({
    variant: "sheet",
    params: { locationId: "LOCATION_ID", serviceId: "SERVICE_ID" },
});

window.$softalon.booking.onCompleted(function (data) {
    // Klijent je dovršio zakazivanje
});

window.$softalon.booking.open();

Dodavanje Live Chata

Ako tvoj plan uključuje AI Asistenta i Live Chat je uključen, dodaj skriptu za chat kako bi se u kutu tvoje web stranice prikazao gumb za chat:

<script src="https://hairhaven.onsoftalon.com/embeds/chat.js"></script>

• Ako želiš gumb na lijevoj strani, dodaj data-position="left" na oznaku skripte.
• Ako želiš otvarati chat vlastitim gumbom, dodaj mu klasu softalon-chat-trigger ili atribut data-softalon-chat-trigger.

Ako je Live Chat isključen ili ga tvoj plan ne uključuje, skripta za chat ne prikazuje ništa. Pogledaj Uključivanje Live Chata na stranici za zakazivanje.

Skripta za chat dodaje i window.$softalon.chat, s metodama open(), close(), isOpen(), hide(), show(), onSessionStarted(callback) i onMessageReceived(callback).