Utilizza il widget di prenotazione di Lodgify su un sito web esterno

Puoi utilizzare il Widget di Prenotazione di Lodgify per integrare il motore di prenotazione di Lodgify su un sito web esterno. Per questo, offriamo diversi opzioni: una Casella "Cerca", e una Casella "Prenota".

L'opzione Casella "Cerca" è la nostra opzione consigliata, poiché è l'unica che può integrare senza interruzioni il flusso di prenotazione nel tuo sito web esterno. In questo modo, l'ospite non lascerà mai consapevolmente il tuo sito web esterno.

💡 Nota: I widget di Lodgify sono compatibili con le versioni standard di WordPress, Squarespace e Wix. Le variazioni nel layout e nel tema possono influenzare la compatibilità. Per domande sull'integrazione, ti preghiamo di contattare il tuo sviluppatore o il fornitore del creatore del sito web.

Scopri di più su: 

• Opzioni widget disponibili
• Generazione del codice di incorporamento
• Integrazione della Casella "Cerca" a sul tuo sito web esterno
• Integrazione della Casella "Cerca" su Wordpress
• Risorse correlate

Opzioni widget disponibili

Lodgify offre 3 diverse opzioni per collegare il sistema di prenotazione di Lodgify a un sito web esterno. 

💡 Nota: Le versioni più vecchie dei widget sono ancora disponibili qui, ma saranno presto deprecate. Per saperne di più, consultare la fine dell'articolo qui.

Generazione del codice di incorporamento

Puoi utilizzare i due widget sul tuo sito web esterno se offri solo un alloggio (indipendentemente dal fatto che questo alloggio abbia tipi di camera o meno). Quando l'ospite fa clic sul pulsante prenota, verrà reindirizzato direttamente alla tua pagina di Check-out di Lodgify dove possono selezionare il tipo di camera nel caso ne tu ne abbia una. Per generare e incorporare il codice del widget esterno, segui questi passaggi:

1. 1. Vai al tuo Menu principale nell'angolo in alto a sinistra e seleziona Costruttore di siti web.
   2. Ora vai a Widget esterni.
      
      
   3. In Tipo di widget, scegli dal menu a discesa se vuoi creare una Casella "Cerca" o una casella "Prenota".

   4. Sarai in grado di scegliere il design del pulsante e avrai l'opzione di aggiornare automaticamente il tuo widget, in modo che gli aggiornamenti del prodotto per la risoluzione dei bug possano essere inviati automaticamente.

      

   5. Ecco alcune impostazioni per la Casella "Prenota":
      • Puoi scegliere se mostrare il prezzo "a partire da" nel widget prima di selezionare le date.
      • Puoi scegliere una valuta fissa da mostrare per tutti gli ospiti sul widget o impostare la valuta in base agli indirizzi IP dei tuoi ospiti
        .
      • Se hai diversi alloggi e vuoi utilizzare una Casella "Cerca", devi creare un widget per ogni alloggio specifico o creare un pulsante sul tuo sito web esterno che rimanda alla tua pagina Tutti gli alloggi.
   6. Seleziona l'alloggio e la lingua che vuoi utilizzare nel widget e poi Genera codice.
   7. Vedrai un'area di codice con due inserimenti di codice. Prima, copia e incolla il primo codice dove desideri integrarlo. Poi, aggiungi il secondo codice subito sotto il primo.
      
      Ecco alcune istruzioni a seconda dei diversi scenari possibili:
      • Per aggiungere più widget sulla stessa pagina: copia e incolla il primo codice per ogni widget che desideri aggiungere, quindi aggiungi il secondo codice una volta sola.
      • Per aggiungere widget su pagine separate del tuo sito web: per ogni pagina, copia e incolla il primo codice seguito dal secondo codice.
      • Per aggiungere diverse opzioni di widget sulla stessa pagina (ad esempio, una casella di prenotazione e una casella di ricerca): copia e incolla sia il primo che il secondo codice per ogni opzione di widget sulla stessa pagina.

Integrazione della Casella "Cerca" sul tuo sito web esterno

La Casella "Cerca" è l'opzione consigliata se hai più alloggi sul tuo sito internet. Integrare senza problemi la Casella "Cerca" sul tuo sito internet esterno significa che puoi collegare Lodgify a un sottodominio del tuo sito internet esterno (ad es. search.yourdomain.com o booking.yourdomain.com). In questo modo, le pagine del processo di prenotazione appariranno sotto il tuo sottodominio e gli ospiti non avranno l'impressione di essere reindirizzati su un altro sito internet, ma che stiano completando l'intero processo di prenotazione sul tuo sito internet esterno.
💡 Nota: L'opzione di integrazione senza problemi è più adatta per siti internet con più alloggi perché, sui siti internet con un solo alloggio, la Casella "Cerca" reindirizzerà sempre automaticamente alla pagina di Check-out.

Per configurare questo, devi completare 4 passaggi:

• Genera il codice di incorporamento per integrare il widget della Casella "Cerca" sul tuo sito internet esterno
• Crea un sottodominio nel tuo provider di dominio
• Collega il sottodominio al tuo account Lodgify
• Inserisci un URL del Logo Personalizzato

Genera il codice di incorporamento per il widget della Casella "Cerca"

Per generare il codice di incorporamento, devi seguire questi passaggi:

1. Vai al tuo Menu principale nell'angolo in alto a sinistra e seleziona Costruttore di siti web.
2. Ora vai a Widget esterni.
   
   
3. In Tipo di widget, seleziona Casella "Cerca" dal menu a discesa e scegli la lingua.
4. Ora puoi selezionare se vuoi che il widget si apra in una nuova finestra o nella stessa finestra, e selezionare il colore della Casella "Cerca".
   💡 Nota: Se vuoi incorporare il widget su un sito internet WIX, devi selezionare l'opzione Apri in una nuova finestra, altrimenti il widget non funzionerà correttamente su WIX.
5. Poi Genera codice, copia il codice Javascript negli appunti e incollalo nel tuo sito internet esterno (di solito all'interno di qualche tipo di Widget HTML).
   💡 Nota: Le configurazioni dei siti internet esterni possono variare, tuttavia, nella maggior parte dei casi, il widget della Casella "Cerca" funzionerà senza ulteriori configurazioni incollando il codice generato in un widget di codice del tuo costruttore di siti internet esterni.
   

Crea un sottodominio

Se vuoi che il processo di prenotazione appaia sotto un sottodominio, devi configurarlo con il tuo provider di dominio. 

1. Vai dal tuo provider di dominio e nella sezione DNS del tuo account.
2. Qui puoi creare un sottodominio.
3. Ora configura i due Record A del tuo sottodominio. In questo articolo troverete quali sono gli A-Record da aggiungere.
   💡 Nota: Il nome dei Record A dovrebbe essere il sottodominio su cui vuoi che appaia il flusso di prenotazione. Ad esempio, se il flusso di prenotazione dovrebbe apparire su booking.yourdomain.com, imposta il nome dei Record A su "booking".

Collega il sottodominio al tuo sito internet Lodgify

Una volta configurato il sottodominio nel tuo provider di dominio, devi collegarlo al tuo sito internet Lodgify. 

1. In Lodgify vai al tuo Menu principale nell'angolo in alto a sinistra e seleziona Costruttore di siti web.
2. Ora seleziona Impostazioni.
3. Seleziona la scheda Dominio e clicca su Collega dominio esistente.
4. Si aprirà una nuova finestra pop-up dove dovrai inserire il nome del tuo sottodominio e spuntare la casella che stai collegando un sottodominio.
   
   💡 Nota: Se non vedi questo design, significa che stai utilizzando il nuovo costruttore di siti web. In questo caso, non devi fare nulla, poiché il dominio che stai aggiungendo sarà automaticamente un sottodominio.

Inserisci un URL del Logo Personalizzato

Una volta che gli ospiti fanno clic sul pulsante di ricerca, vengono reindirizzati alla pagina Tutte le proprietà in Lodgify (o alla pagina di Check-out se hai solo un alloggio). Per rendere l'integrazione il più fluida possibile, vuoi assicurarti che quando un ospite fa clic sul Logo o su uno degli elementi del menu dalla pagina Tutte le proprietà/pagina di Check-out, venga reindirizzato al tuo sito internet esterno.

Per farlo, segui questi passaggi:

1. In Lodgify vai al tuo Menu principale nell'angolo in alto a sinistra e seleziona Costruttore di siti web.
2. Ora seleziona Stili
3. Scorri fino in fondo e clicca su Logo.
   
4. Poi, scorri fino in fondo, in URL del Logo aggiungi il link alla homepage del tuo sito internet esterno.

💡 Nota: Dovresti configurare la barra dei menu esattamente come è sul tuo sito internet esterno. Vai semplicemente alla configurazione delle pagine del tuo costruttore di siti web e crea un collegamento per ogni elemento del menu che porta alla pagina corrispondente sul tuo sito internet esterno. Scopri come creare un collegamento nel tuo menu Lodgify.

💡 Nota: Puoi utilizzare CSS per far corrispondere l'aspetto del tuo menu Lodgify a quello del tuo sito internet esterno. Scopri di più sulla personalizzazione del codice in Lodgify.

Integrazione della Casella "Cerca" su Wordpress

Puoi facilmente aggiungere il widget della casella ricerca al tuo sito internet WordPress utilizzando il plugin di Lodgify. Una volta configurato, puoi aggiungerlo rapidamente e senza sforzo in più posizioni del tuo sito.

Per integrare il widget della casella ricerca su WordPress con il plugin di Lodgify, segui questi passaggi:

1. Accedi al tuo account WordPress e vai su Plugins.
2. Cerca Lodgify e seleziona il plugin Booking Engine by Lodgify:
3. Nel tuo account Lodgify, vai al tuo Menu principale nell'angolo in alto a sinistra e seleziona Costruttore di siti web.
4. Ora vai a Widget esterni.
   
5. In Tipo di widget, scegli Casella "Cerca".
6. Successivamente, genera il codice, copia il codice JavaScript e incollalo nella pagina del plugin su WordPress. Quindi clicca su Salva.
7. Per aggiungere il plugin a una pagina specifica, vai alle tue pagine di WordPress, modifica la pagina in cui vuoi che appaia il plugin e, quando aggiungi un nuovo blocco, vedrai il plugin elencato come Lodgify Search Widget: