Come posso integrare il Booking Engine di Smoobu in un sito esterno?

Integra il motore di prenotazione nel tuo sito esterno (Wordpress, Wix, Squarespace o qualsiasi altro)

Tutti i blocchi (CMS) sono in definitiva basati su codici HTML e CSS. Noi usiamo l'HTML per l'integrazione. Per integrare nel tuo sito web hai due opzioni.

Opzione 1) Integrazione diretta nel sito web con HTML / iframe

Se vuoi integrare perfettamente il motore di prenotazione nel tuo sito web senza reindirizzare l'ospite ad un sito web esterno, usa il codice HTML (iframe) per l'integrazione nel tuo sito web. Guarda il sito web del nostro utente Hawaii Volcano Vacations e capirai come si presenta una panoramica delle proprietà e la prenotazione individuale.

Per integrare ancora meglio il motore di prenotazione, puoi cambiare l'opacità/trasparenza dello sfondo in fondo alla pagina del motore di prenotazione.

Copia il codice e incollalo nell'HTML del tuo sito web esterno. Se hai fatto creare il tuo sito da un web designer, potresti dover chiedere loro di farlo per te. Una volta che hai deciso dove vuoi integrare il codice, i designer impiegheranno solo pochi istanti per completare il compito. 

Come ottenere il blocco di codice

Ricerca generale iframe (TUTTI gli alloggi) 

L'opzione predefinita sarà TUTTI gli alloggi

Impostazioni - Strumento di prenotazione - HTML da inserire nel Sito Web esterno - Codice HTML (iframe) per inserire lo strumento di prenotazione in una pagina esterna
Esempio di codice: <div id="booking-tool-container-allApartments">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-allApartments"})</script>
</div>

Ricerca individuale iframe (proprietà singole)

Impostazioni - Strumento di prenotazione - HTML da inserire nel Sito Web esterno - Proprietà individuali
Seleziona la proprietà, copia il codice html e incollalo nel codice del tuo sito web. 

Esempio di codice: <div id="booking-tool-container-apartment66317">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532/66317", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-appartamento66317"})</script>
</div>

Opzione 2) Collegamento al motore di prenotazione tramite URL

Questo tipo di integrazione è usato quando vuoi reindirizzare il tuo ospite ad una pagina esterna. Tramite il link puoi reindirizzare i tuoi potenziali ospiti ad un altro sito per la prenotazione diretta. Attraverso un pulsante, una foto o qualsiasi elemento che desideri collegare al tuo sito per la prenotazione diretta.

Può essere utilizzato per creare un pulsante sulla tua pagina, per esempio un pulsante 'Prenota ora' e collegarlo allo strumento di prenotazione di Smoobu.

Il codice generale è per TUTTI gli alloggi combinati. Se sei interessato, con Smoobu è anche possibile  utilizzare un link per le singole unità.

Come ottenere il/i link?

1) Link per la ricerca generale (tutte le proprietà incluse). Impostazioni - Strumento di prenotazione - HTML da inserire nel Sito Web esterno. Clicca su 'Anteprima' e copia il link dall'URL. Esempio: https://booking.smoobu.com/berlinvillas

2) Collegamento alla ricerca individuale (proprietà singole). Componilo come segue:

https://booking.smoobu.com/yourbookingenginename + ?apartmentId= + individualpropertyIDnumberhere

Esempio: https://booking.smoobu.com/berlinvillas?apartmentId=427153

https://booking.smoobu.com/berlinvillas?apartmentId=427153

Da dove prendere il propertyID? In Smoobu: Impostazioni - Per gli sviluppatori

Grazie per aver letto! Ricordati anche di leggere:

- Impostazioni Strumento di Prenotazione

- Prezzi e soggiorno minimo (Min. Stay) per i tuoi canali di prenotazione e per il tuo sito web