Squarespace

Squarespace palaiko pasirinktinius HTML ir JavaScript, todėl galite tiesiogiai įterpti bet kurį Wink žiniatinklio komponentą į savo svetainę be papildinio. Šiame vadove parodyta, kaip įkelti Wink skriptus visoje svetainėje ir tada talpinti komponentus atskiruose puslapiuose.

Įkelkite Wink skriptus visoje svetainėje

Pridėjus skriptus prie svetainės globalaus poraštės ir antraštės, Wink bus prieinamas kiekviename puslapyje be pakartotinio nustatymo.

Squarespace redaktoriuje eikite į Settings → Advanced → Code Injection.

Lauke Header pridėkite stiliaus lapą:

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

Lauke Footer pridėkite skriptą ir programos įkroviklį (pakeiskite YOUR_CLIENT_ID savo Wink kliento ID):

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

Spustelėkite Save.

Pridėkite komponentą į puslapį

Kai skriptai įkelti globaliai, galite įterpti bet kurį Wink komponentą į bet kurį puslapį naudodami Code Block.

Atidarykite puslapį, kurį norite redaguoti.
Spustelėkite Edit ir pridėkite naują Code bloką ten, kur norite, kad komponentas būtų rodomas.

Įklijuokite komponento HTML, pavyzdžiui, turinio įkroviklį:

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

Spustelėkite Apply, tada Save.

Galimi komponentai

Komponentas	HTML žyma	Paskirtis
Turinio įkroviklis	`<wink-content-loader>`	Rodo viešbučių korteles, tinklus, žemėlapius
Paieška	`<wink-lookup>`	Paieškos juosta kryptims
Paieškos mygtukas	`<wink-search-button>`	Atidaryti maršruto pasirinkimą
Paskyros mygtukas	`<wink-account-button>`	Prisijungimas / vartotojo meniu
Maršruto mygtukas	`<wink-itinerary-button>`	Rodyti esamą maršrutą
Maršruto pasirinkėjas	`<wink-itinerary-picker>`	Pilna maršruto forma
Prekių krepšelio mygtukas	`<wink-shopping-cart-button>`	Krepšelio santraukos mygtukas

Pilną kiekvieno komponento atributų sąrašą rasite Web Components.