Squarespace

Squarespace podporuje vlastní HTML a JavaScript, což znamená, že můžete vložit jakoukoli Wink webovou komponentu přímo na svůj web bez pluginu. Tento průvodce vám ukáže, jak načíst Wink skripty na celém webu a poté umístit komponenty na jednotlivé stránky.

Načtení Wink skriptů na celém webu

Přidání skriptů do globálního patičky a hlavičky vašeho webu znamená, že Wink je dostupný na každé stránce bez opakovaného nastavování.

V editoru Squarespace přejděte do Nastavení → Pokročilé → Code Injection.

Do pole Header přidejte stylopis:

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

Do pole Footer přidejte skript a načítač aplikace (nahraďte YOUR_CLIENT_ID svým 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>

Klikněte na Uložit.

Přidání komponenty na stránku

Jakmile jsou skripty načteny globálně, můžete na jakoukoli stránku vložit libovolnou Wink komponentu pomocí Code Block.

Otevřete stránku, kterou chcete upravit.
Klikněte na Upravit a přidejte nový Code blok tam, kde chcete komponentu zobrazit.

Vložte HTML komponenty, například obsahový načítač:

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

Klikněte na Použít a poté na Uložit.

Dostupné komponenty

Komponenta	HTML tag	Účel
Content loader	`<wink-content-loader>`	Zobrazení hotelových karet, mřížek, map
Lookup	`<wink-lookup>`	Vyhledávací lišta pro destinace
Search button	`<wink-search-button>`	Otevření výběru itineráře
Account button	`<wink-account-button>`	Přihlášení / uživatelské menu
Itinerary button	`<wink-itinerary-button>`	Zobrazení aktuálního itineráře
Itinerary picker	`<wink-itinerary-picker>`	Kompletní formulář itineráře
Shopping cart	`<wink-shopping-cart-button>`	Tlačítko souhrnu košíku

Podívejte se na Web Components pro úplný seznam atributů každé komponenty.