Squarespace

Squarespace podpira prilagojen HTML in JavaScript, kar pomeni, da lahko kateri koli Wink spletni komponent neposredno vdelate na svojo stran brez vtičnika. Ta vodič vam pokaže, kako naložiti Wink skripte za celotno spletno mesto in nato postaviti komponente na posamezne strani.

Naložite Wink skripte za celotno spletno mesto

Dodajanje skript v globalni nogi in glavi vaše strani pomeni, da je Wink na voljo na vsaki strani brez ponavljanja nastavitve.

V urejevalniku Squarespace pojdite na Settings → Advanced → Code Injection.

V polje Header dodajte slogovno datoteko:

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

V polje Footer dodajte skripto in nalagalnik aplikacije (zamenjajte YOUR_CLIENT_ID z vašo Wink Client ID):

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

Kliknite Save.

Dodajte komponento na stran

Ko so skripte naložene globalno, lahko katero koli Wink komponento dodate na katero koli stran z uporabo Code Block.

Odprite stran, ki jo želite urejati.
Kliknite Edit in dodajte nov Code blok na mesto, kjer želite, da se komponenta prikaže.

Prilepite HTML komponente, na primer nalagalnik vsebine:

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

Kliknite Apply, nato Save.

Na voljo komponente

Komponenta	HTML oznaka	Namen
Nalagalnik vsebine	`<wink-content-loader>`	Prikaz hotelskih kartic, mrež, zemljevidov
Iskalnik	`<wink-lookup>`	Iskalna vrstica za destinacije
Gumb za iskanje	`<wink-search-button>`	Odpri izbirnik poti
Gumb za račun	`<wink-account-button>`	Prijava / uporabniški meni
Gumb za potovanje	`<wink-itinerary-button>`	Prikaži trenutno potovanje
Izbirnik poti	`<wink-itinerary-picker>`	Celoten obrazec poti
Nakupovalna košarica	`<wink-shopping-cart-button>`	Gumb s povzetkom košarice

Oglejte si Web Components za popoln seznam atributov za vsako komponento.