HubSpot CMS

HubSpot CMS podržava prilagođene HTML module i kod za zaglavlje/podnožje koji važe za ceo sajt, što olakšava ugradnju Wink komponenti na marketinške stranice i landing stranice.

Učitajte Wink skripte za ceo sajt

U HubSpot-u, idite na Marketing → Files and Templates → Design Tools.
Otvorite aktivnu temu i fajl main.css ili koristite globalna podešavanja 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 (zamenite 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>

Sačuvajte i objavite.

Dodajte komponentu preko prilagođenog HTML modula

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

U podrazumevani sadržaj modula nalepite HTML komponente:

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

Sačuvajte modul i prevucite ga u bilo koji šablon stranice ili stranicu koristeći editor stranice.

Dodajte komponentu direktno u editor stranice

Ako ne želite da kreirate modul, možete koristiti sekciju Custom HTML u drag-and-drop editoru:

Otvorite stranicu u HubSpot editoru stranice.
Kliknite na Add i izaberite sekciju Custom HTML ili Embed.
Nalepite tag komponente u HTML polje.
Kliknite na Apply i objavite stranicu.

Dostupne komponente

Komponenta	HTML tag	Namena
Content loader	`<wink-content-loader>`	Prikaz hotelskih kartica, mreža, mapa
Lookup	`<wink-lookup>`	Pretraživač destinacija
Search button	`<wink-search-button>`	Otvaranje izbora itinerera
Account button	`<wink-account-button>`	Prijava / korisnički meni
Itinerary button	`<wink-itinerary-button>`	Prikaz trenutnog itinerera
Itinerary picker	`<wink-itinerary-picker>`	Kompletan formular itinerera
Shopping cart	`<wink-shopping-cart-button>`	Dugme za pregled korpe

Pogledajte Web Components za kompletnu referencu atributa.