Aggiungi prenotazione e chat al tuo sito web

Hai già un sito web su WordPress, Squarespace, Wix o qualsiasi altra piattaforma? Aggiungi un breve script e la procedura di prenotazione si apre direttamente sopra le tue pagine. I clienti prenotano senza lasciare il tuo sito. Un secondo script aggiunge il pulsante della live chat.

Aggiungi il widget di prenotazione

1. 1

   Passaggio 1 di 3

   Aggiungi lo script

   Incolla questo codice prima del tag body di chiusura del tuo sito web, usando il tuo indirizzo principale:

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

   Usa il tuo dominio principale nell'indirizzo dello script. Gli altri indirizzi reindirizzano a quello principale e il widget ascolta solo l'indirizzo da cui è stato caricato, quindi una mancata corrispondenza gli impedisce di chiudersi e di segnalare correttamente le prenotazioni.

2. 2

   Passaggio 2 di 3

   Aggiungi un pulsante

   Assegna a qualsiasi pulsante o link la classe softalon-booking-trigger:

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

   Puoi anche usare l'attributo data-softalon-booking-trigger oppure l'id softalon-booking-trigger.

3. 3

   Passaggio 3 di 3

   Provalo

   Pubblica la tua pagina e fai clic sul pulsante.

   Vedrai:

   La procedura di prenotazione scorre dal lato destro della pagina. Sui telefoni occupa tutto lo schermo.

Preseleziona una sede, un servizio o un membro del team

Aggiungi questi attributi a un pulsante per saltare dei passaggi nella procedura di prenotazione:

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

Per trovare un ID, apri l'opzione di condivisione di quel servizio, sede o membro del team in Softalon e copia il link di prenotazione completo. Gli ID si trovano nel link dopo serviceId=, locationId= e memberId=. Vedi Condividi il tuo link di prenotazione.

Scegli come si apre

Impostala per singolo pulsante con data-variant, oppure per l'intera pagina con data-variant sul tag script:

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

I clienti possono chiudere il widget con il tasto Esc. Con sheet, anche un clic sullo sfondo scuro lo chiude.

Controllalo con JavaScript

Se scrivi codice tuo, lo script aggiunge 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();

Aggiungi la live chat

Se il tuo piano include l'assistente IA e la live chat è attiva, aggiungi lo script della chat per mostrare un pulsante della chat nell'angolo del tuo sito web:

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

• Per posizionare il pulsante a sinistra, aggiungi data-position="left" al tag script.
• Per aprire la chat da un tuo pulsante, assegnagli la classe softalon-chat-trigger o l'attributo data-softalon-chat-trigger.

Se la live chat è disattivata, o il tuo piano non la include, lo script della chat non mostra nulla. Vedi Attiva la live chat sul tuo sito di prenotazione.

Lo script della chat aggiunge anche window.$softalon.chat, con open(), close(), isOpen(), hide(), show(), onSessionStarted(callback) e onMessageReceived(callback).