Skip to content
Wink

HubSpot CMS

HubSpot CMS styður sérsniðnar HTML einingar og kóðainnskot fyrir allan vefinn í haus/fót, sem gerir það einfalt að innbyggja Wink íhluti á markaðssíður og lendingarsíður.

Hlaða Wink skriptum fyrir allan vefinn

Section titled “Hlaða Wink skriptum fyrir allan vefinn”
  1. Farðu í HubSpot í Marketing → Files and Templates → Design Tools.
  2. Opnaðu virka þemað þitt main.css eða notaðu alhliða stillingar efnis.
  3. Eða farðu í Settings → Website → Pages → Custom Code.
  4. Í reitnum Head HTML, bættu við stílsniði: 
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css">
  5. Í reitnum Footer HTML, bættu við skriptinu og forritshleðslunni (skiptu út 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>
  6. Vistaðu og birtaðu.

Bæta við íhlut með sérsniðinni HTML einingu

Section titled “Bæta við íhlut með sérsniðinni HTML einingu”
  1. Í Design Tools, búðu til nýja einingu af gerðinni Rich Text eða HTML.
  2. Í sjálfgefnu efni einingarinnar, límdu inn HTML fyrir íhlutinn: 
    <wink-content-loader
      layout="HOTEL"
      id="YOUR_LAYOUT_ID"
    ></wink-content-loader>
  3. Vistaðu eininguna og dragðu hana inn í hvaða síðu sniðmát eða síðu sem er með síðureitstjóra.

Bæta íhlut beint í síðureitstjóra

Section titled “Bæta íhlut beint í síðureitstjóra”

Ef þú vilt ekki búa til einingu geturðu notað Custom HTML hluta í drag-and-drop ritlinum:

  1. Opnaðu síðuna í HubSpot síðureitstjóranum.
  2. Smelltu á Add og veldu Custom HTML eða Embed hluta.
  3. Límdu inn íhlutartáknið í HTML reitinn.
  4. Smelltu á Apply og birtaðu síðuna.

Tiltækir íhlutir

Section titled “Tiltækir íhlutir”
ÍhluturHTML tagTilgangur
Content loader<wink-content-loader>Sýna hótelkort, grindur, kort
Lookup<wink-lookup>Leitargluggi fyrir áfangastaði
Search button<wink-search-button>Opna ferðaráætlunarkjara
Account button<wink-account-button>Skrá inn / notendavalmynd
Itinerary button<wink-itinerary-button>Sýna núverandi ferðaráætlun
Itinerary picker<wink-itinerary-picker>Fullt ferðaráætlunarform
Shopping cart<wink-shopping-cart-button>Hnappur fyrir yfirlit körfu

Sjá Web Components fyrir fulla eiginleikalýsingu.

Frekari lesning

Section titled “Frekari lesning”