Squarespace

Squarespace toetab kohandatud HTML-i ja JavaScripti, mis tähendab, et saad manustada mis tahes Wink veebikomponendi otse oma saidile ilma pluginata. See juhend näitab, kuidas laadida Wink skriptid kogu saidil ja seejärel paigutada komponente üksikutele lehtedele.

Laadi Wink skriptid kogu saidil

Skriptide lisamine saidi globaalsesse jalusesse ja päisesse tähendab, et Wink on saadaval igal lehel ilma seadistust kordamata.

Squarespace’i redaktoris mine Settings → Advanced → Code Injection.

Väljal Header lisa stiilileht:

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

Väljal Footer lisa skript ja rakenduse laadija (asenda YOUR_CLIENT_ID oma Wink kliendi ID-ga):

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

Klõpsa Save.

Lisa komponent lehele

Kui skriptid on globaalselt laetud, saad lisada mis tahes Wink komponendi mis tahes lehele, kasutades Code Blocki.

Ava leht, mida soovid redigeerida.
Klõpsa Edit ja lisa uus Code plokk sinna, kuhu soovid komponenti paigutada.

Kleebi komponendi HTML, näiteks sisu laadija:

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

Klõpsa Apply ja seejärel Save.

Saadaval olevad komponendid

Komponent	HTML silt	Eesmärk
Sisu laadija	`<wink-content-loader>`	Kuvab hotellikaarte, võrgustikke, kaarte
Otsing	`<wink-lookup>`	Sihtkohtade otsinguriba
Otsingunupp	`<wink-search-button>`	Ava marsruudi valija
Konto nupp	`<wink-account-button>`	Sisselogimine / kasutajamenüü
Marsruudi nupp	`<wink-itinerary-button>`	Näita praegust marsruuti
Marsruudi valija	`<wink-itinerary-picker>`	Täielik marsruudi vorm
Ostukorvi nupp	`<wink-shopping-cart-button>`	Ostukorvi kokkuvõtte nupp

Vaata Web Components täielikku atribuutide viidet iga komponendi kohta.