Squarespace

Squarespace supporta HTML e JavaScript personalizzati, il che significa che puoi incorporare qualsiasi componente web Wink direttamente nel tuo sito senza un plugin. Questa guida ti mostra come caricare gli script Wink a livello di sito e poi posizionare i componenti nelle singole pagine.

Carica gli script Wink a livello di sito

Aggiungere gli script al footer e all’header globali del sito significa che Wink è disponibile in ogni pagina senza dover ripetere la configurazione.

Nell’editor di Squarespace, vai su Impostazioni → Avanzate → Code Injection.

Nel campo Header, aggiungi il foglio di stile:

<link rel="stylesheet" href="https://elements.wink.travel/styles.css">

Nel campo Footer, aggiungi lo script e il loader dell’applicazione (sostituisci YOUR_CLIENT_ID con il tuo Client ID Wink):

<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR_CLIENT_ID"></wink-app-loader>

Clicca su Salva.

Aggiungi un componente a una pagina

Una volta caricati gli script globalmente, puoi inserire qualsiasi componente Wink in qualsiasi pagina usando un blocco codice.

Apri la pagina che vuoi modificare.
Clicca su Modifica e aggiungi un nuovo blocco Codice nel punto in cui vuoi che appaia il componente.

Incolla l’HTML del componente, per esempio un content loader:

<wink-content-loader
  layout="HOTEL"
  id="YOUR_LAYOUT_ID"
></wink-content-loader>

Clicca su Applica poi su Salva.

Componenti disponibili

Componente	Tag HTML	Scopo
Content loader	`<wink-content-loader>`	Mostrare schede hotel, griglie, mappe
Lookup	`<wink-lookup>`	Barra di ricerca per destinazioni
Search button	`<wink-search-button>`	Aprire il selettore itinerario
Account button	`<wink-account-button>`	Accesso / menu utente
Itinerary button	`<wink-itinerary-button>`	Mostrare l’itinerario corrente
Itinerary picker	`<wink-itinerary-picker>`	Modulo completo itinerario
Shopping cart	`<wink-shopping-cart-button>`	Pulsante riepilogo carrello

Consulta Web Components per la referenza completa degli attributi di ogni componente.