HubSpot CMS

HubSpot CMS podržava prilagođene HTML module i kod za zaglavlje/podnožje na cijeloj stranici, što olakšava ugradnju Wink komponenti na marketinške stranice i odredišne stranice.

Učitajte Wink skripte na cijeloj stranici

U HubSpotu idite na Marketing → Files and Templates → Design Tools.
Otvorite aktivnu temu main.css ili koristite globalne postavke sadržaja.
Alternativno, idite na Settings → Website → Pages → Custom Code.

U polje Head HTML dodajte stilsku datoteku:

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

U polje Footer HTML dodajte skriptu i učitavač aplikacije (zamijenite 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>

Spremite i objavite.

Dodajte komponentu putem prilagođenog HTML modula

U Design Tools kreirajte novi modul tipa Rich Text ili HTML.

U zadani sadržaj modula zalijepite HTML komponente:

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

Spremite modul i povucite ga u bilo koji predložak stranice ili stranicu koristeći uređivač stranica.

Dodajte komponentu izravno u uređivač stranice

Ako ne želite kreirati modul, možete koristiti Custom HTML sekciju u uređivaču s povlačenjem i ispuštanjem:

Otvorite stranicu u HubSpot uređivaču stranica.
Kliknite Add i odaberite Custom HTML ili Embed sekciju.
Zalijepite oznaku komponente u HTML polje.
Kliknite Apply i objavite stranicu.

Dostupne komponente

Komponenta	HTML oznaka	Namjena
Content loader	`<wink-content-loader>`	Prikaz hotelskih kartica, mreža, karata
Lookup	`<wink-lookup>`	Tražilica destinacija
Search button	`<wink-search-button>`	Otvori odabir itinerera
Account button	`<wink-account-button>`	Prijava / korisnički izbornik
Itinerary button	`<wink-itinerary-button>`	Prikaži trenutni itinerer
Itinerary picker	`<wink-itinerary-picker>`	Cijeli obrazac itinerera
Shopping cart	`<wink-shopping-cart-button>`	Gumb sažetka košarice

Pogledajte Web Components za potpuni popis atributa.