Dodaj zakazivanje i chat na svoj sajt

Već imaš sajt na WordPressu, Squarespaceu, Wixu ili nekoj drugoj platformi? Dodaj kratku skriptu i tok zakazivanja će se otvarati direktno preko tvojih stranica. Klijenti zakazuju bez napuštanja tvog sajta. Druga skripta dodaje dugme za Live Chat.

Dodaj vidžet za zakazivanje

1. 1

   Korak 1 od 3

   Dodaj skriptu

   Nalepi ovo ispred zatvarajućeg body taga na svom sajtu, sa svojom primarnom adresom:

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

   U adresi skripte koristi svoj primarni domen. Tvoje ostale adrese preusmeravaju na primarnu, a vidžet prati samo adresu sa koje je učitan, pa zbog neslaganja neće moći pravilno da se zatvori niti da prijavi zakazane termine.

2. 2

   Korak 2 od 3

   Dodaj dugme

   Dodeli bilo kom dugmetu ili linku klasu softalon-booking-trigger:

   <button class="softalon-booking-trigger">Book Now</button>
   

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

3. 3

   Korak 3 od 3

   Testiraj

   Objavi stranicu i klikni na dugme.

   Videćeš:

   Tok zakazivanja se otvara sa desne strane stranice. Na telefonima zauzima ceo ekran.

Unapred izaberi lokaciju, uslugu ili člana tima

Dodaj ove atribute dugmetu da bi se preskočili koraci u toku zakazivanja:

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

Da pronađeš ID, u Softalonu otvori opciju deljenja za tu uslugu, lokaciju ili člana tima i kopiraj pun link za zakazivanje. ID-jevi se nalaze u linku posle serviceId=, locationId= i memberId=. Pogledaj Podeli link za zakazivanje.

Izaberi kako se otvara

Podesi je za svako dugme pomoću data-variant ili za celu stranicu pomoću data-variant na script tagu:

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

Klijenti mogu da zatvore vidžet tasterom Escape. Sa varijantom sheet, vidžet se zatvara i klikom na zatamnjenu pozadinu.

Upravljaj njime pomoću JavaScripta

Ako pišeš sopstveni 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 bi se u uglu tvog sajta prikazalo dugme za chat:

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

• Da postaviš dugme na levu stranu, dodaj data-position="left" na script tag.
• Da otvaraš chat sopstvenim dugmetom, dodeli 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 sajtu za zakazivanje.

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