HubSpot CMS

HubSpot CMS podporuje vlastné HTML moduly a kód hlavičky/pätky pre celú stránku, čo uľahčuje vloženie komponentov Wink na marketingové stránky a vstupné stránky.

Načítanie skriptov Wink pre celú stránku

V HubSpot prejdite na Marketing → Súbory a šablóny → Nástroje na dizajn.
Otvorte aktívny motív main.css alebo použite globálne nastavenia obsahu.
Alternatívne prejdite na Nastavenia → Webová stránka → Stránky → Vlastný kód.

Do poľa Head HTML pridajte štýlový súbor:

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

Do poľa Footer HTML pridajte skript a načítač aplikácie (nahraďte YOUR_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>

Uložte a publikujte.

Pridanie komponentu cez vlastný HTML modul

V Nástrojoch na dizajn vytvorte nový modul typu Rich Text alebo HTML.

Do predvoleného obsahu modulu vložte HTML komponentu:

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

Uložte modul a pretiahnite ho do ľubovoľnej šablóny stránky alebo stránky pomocou editora stránok.

Pridanie komponentu priamo v editore stránok

Ak nechcete vytvárať modul, môžete použiť sekciu Custom HTML v drag-and-drop editore:

Otvorte stránku v editore stránok HubSpot.
Kliknite na Pridať a vyberte sekciu Custom HTML alebo Embed.
Vložte značku komponentu do HTML poľa.
Kliknite na Použiť a publikujte stránku.

Dostupné komponenty

Komponent	HTML značka	Účel
Content loader	`<wink-content-loader>`	Zobrazenie hotelových kariet, mriežok, máp
Lookup	`<wink-lookup>`	Vyhľadávací panel pre destinácie
Search button	`<wink-search-button>`	Otvoriť výber itinerára
Account button	`<wink-account-button>`	Prihlásenie / používateľské menu
Itinerary button	`<wink-itinerary-button>`	Zobraziť aktuálny itinerár
Itinerary picker	`<wink-itinerary-picker>`	Kompletný formulár itinerára
Shopping cart	`<wink-shopping-cart-button>`	Tlačidlo súhrnu košíka

Pozrite si Web Components pre úplný zoznam atribútov.