HubSpot CMS

HubSpot CMS toetab kohandatud HTML-mooduleid ja saidiülest päise/jaluse koodi, mis teeb Wink komponentide manustamise turunduslehtedele ja maandumislehtedele lihtsaks.

Laadige Wink skriptid saidiülest

HubSpotis minge Marketing → Files and Templates → Design Tools.
Avage oma aktiivse teema main.css või kasutage globaalseid siseseadeid.
Või minge Settings → Website → Pages → Custom Code.

Lisage Head HTML väljale stiilileht:

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

Lisage Footer HTML väljale skript ja rakenduse laadija (asendage 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>

Salvestage ja avaldage.

Lisage komponent kohandatud HTML-mooduli kaudu

Design Toolsis looge uus moodul tüüpi Rich Text või HTML.

Kleepige mooduli vaikesisusse komponendi HTML:

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

Salvestage moodul ja lohistage see mis tahes lehe mallile või lehele, kasutades lehe redaktorit.

Lisage komponent otse lehe redaktoris

Kui te ei soovi moodulit luua, saate kasutada Custom HTML sektsiooni lohistamis- ja kukutamisredaktoris:

Avage leht HubSpoti lehe redaktoris.
Klõpsake Add ja valige Custom HTML või Embed sektsioon.
Kleepige komponendi silt HTML väljale.
Klõpsake Apply ja avaldage leht.

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>`	Avab marsruudi valija
Konto nupp	`<wink-account-button>`	Sisselogimine / kasutajamenüü
Marsruudi nupp	`<wink-itinerary-button>`	Kuvab praeguse marsruudi
Marsruudi valija	`<wink-itinerary-picker>`	Täielik marsruudi vorm
Ostukorvi nupp	`<wink-shopping-cart-button>`	Ostukorvi kokkuvõtte nupp

Vaadake täielikku atribuudi viidet Web Components lehel.