Ghost

Innbyggða Code Injection eiginleikinn í Ghost gerir þér kleift að bæta við skriftum í alþjóðlega <head> og </body> útgáfunnar þinnar. Allar Ghost áætlanir styðja code injection, sem gerir það auðvelt að innbyggja Wink íhluti á hvaða síðu eða færslu sem er.

Hlaða Wink skriftum á öllum síðum

Farðu í Ghost Admin spjaldið, veldu Settings → Code Injection.

Í reitnum Site Header, bættu við stílsniði:

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

Í reitnum Site Footer, bættu við skriftu og forritshleðslu (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>

Smelltu á Save.

Bæta íhluti við færslu eða síðu

Ritill Ghost styður HTML kort sem gerir þér kleift að setja inn hráa HTML hvar sem er í efni þínu.

Opnaðu færsluna eða síðuna í Ghost ritlinum.
Sláðu inn / til að opna kortaval og veldu HTML.

Límdu inn HTML íhlutans, til dæmis:

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

Smelltu utan við kortið til að forskoða, síðan birtaðu.

Code injection fyrir hverja síðu

Fyrir íhlut sem á aðeins að birtast á einni síðu styður Ghost einnig code injection fyrir hverja síðu:

Opnaðu stillingar færslu eða síðu (gír táknið í ritlinum).
Skrunaðu niður að Code Injection.
Bættu við íhlutartákni í reitinn Footer (alþjóðlegur app-loader þarf aðeins að vera í síðufótinum).
Vistaðu.

Tiltækir íhlutir

Íhlutur	HTML tag	Tilgangur
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ðalagsval
Account button	`<wink-account-button>`	Skrá inn / notendavalmynd
Itinerary button	`<wink-itinerary-button>`	Sýna núverandi ferðalagsáætlun
Itinerary picker	`<wink-itinerary-picker>`	Fullt ferðalagsform
Shopping cart	`<wink-shopping-cart-button>`	Yfirlitshnappur körfu

Sjá Web Components fyrir fulla eiginleikalýsingu.