Shopify

Wink Shopify App antaa matkanjärjestäjille, elämysten myyjille ja majoitusalan kauppiaille mahdollisuuden näyttää reaaliaikainen Wink-varasto suoraan Shopify-verkkokauppansa etusivulla — tuotteiden rinnalla, aloitussivuilla tai missä tahansa teemassa.

wink-travel/wink-shopify-plugin GitHubissaLähdekoodi, kehittäjän asennusopas ja ohjeet osallistumiseen.

Asennus

Mene Shopify App Storeen ja etsi Wink Travel.
Klikkaa Add app ja seuraa OAuth-prosessia valtuuttaaksesi sovelluksen.
Syötä Wink-sovelluksen asetuksissa Client ID ja Client Secret. Hae tunnuksesi [Applications]-sivulta (/account/applications).
Klikkaa Verify & Save. Onnistumisviesti vahvistaa yhteyden.

Ota käyttöön App Embed Block

App Embed Block lisää Wink-skriptin ja tyylitiedoston automaattisesti joka sivulle — sinun ei tarvitse muokata teemakoodia.

Shopify Adminissa mene kohtaan Online Store → Themes → Customize.
Klikkaa vasemmasta paneelista App embeds.
Kytke päälle Wink Travel.
Klikkaa Save.

Lisää komponentti sivulle

Avaa teemamuokkaimessa sivu tai osio, johon haluat Wink-sisältöä.
Klikkaa Add block ja valitse Wink-lohkoista:
- Wink Content — hotellikortit, ruudukot tai kartat
- Wink Lookup — kohteiden hakupalkki
- Wink Search — matkaohjelman valintapainike
- Wink Account — kirjautumispainike
- Wink Itinerary — matkaohjelman tilapainike
- Wink Cart — ostoskoripainike
Wink Content -lohkolle valitse Layout Type ja syötä Layout ID Portalista.
Klikkaa Save.

Saatavilla olevat teemalohkot

Lohko	Tarkoitus
Wink Content	Näyttää hotellikortteja, järjestettyjä ruudukoita, karttoja ja muuta
Wink Lookup	Hakupalkki kohteille ja hotelleille
Wink Search	Kuvakepainike, joka avaa matkaohjelman valitsimen
Wink Account	Kirjautumis- / käyttäjätilapainike
Wink Itinerary	Matkaohjelmapainike, joka näyttää nykyisen matkan
Wink Cart	Ostoskorin yhteenvetopainike