Dodaj zakazivanje i chat na svoju web stranicu

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

Dodaj vidžet za zakazivanje

1. 1

   Korak 1 od 3

   Dodaj skriptu

   Zalijepi ovo prije zatvarajućeg body taga svoje web stranice, koristeći 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 vidžet sluša samo adresu s koje je učitan, pa nepodudaranje sprečava da se ispravno zatvori i prijavi zakazane termine.

2. 2

   Korak 2 od 3

   Dodaj dugme

   Dodijeli bilo kojem dugmetu ili linku klasu softalon-booking-trigger:

   <button class="softalon-booking-trigger">Book Now</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 klikni na dugme.

   Vidjet ćete:

   Tvoj tok zakazivanja klizi s desne strane stranice. Na telefonima zauzima cijeli ekran.

Unaprijed odaberi lokaciju, uslugu ili uposlenika

Dodaj ove atribute dugmetu da preskočiš dio toka zakazivanja:

<button class="softalon-booking-trigger" data-service-id="SERVICE_ID">
    Book a haircut
</button>

Da pronađeš ID, u Softalonu otvori opciju dijeljenja za tu uslugu, lokaciju ili uposlenika i kopiraj puni link za zakazivanje. ID-jevi se nalaze u linku nakon serviceId=, locationId= i memberId=. Pogledaj Podijeli svoj link za zakazivanje.

Odaberi kako se otvara

Podesi je za pojedinačno dugme pomoću data-variant ili za cijelu stranicu pomoću data-variant na script tagu:

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

Klijenti mogu zatvoriti vidžet tipkom Escape. Uz sheet, zatvara se i klikom na tamnu pozadinu.

Upravljaj njime pomoću JavaScripta

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) {
    // The client finished booking
});

window.$softalon.booking.open();

Dodaj Live Chat

Ako tvoj plan uključuje AI Asistenta i Live Chat je uključen, dodaj chat skriptu da se dugme za chat prikaže u uglu tvoje web stranice:

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

• Da dugme postaviš lijevo, dodaj data-position="left" na script tag.
• Da otvoriš chat vlastitim dugmetom, dodijeli mu klasu softalon-chat-trigger ili atribut data-softalon-chat-trigger.

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

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