Shopify

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

wink-travel/wink-shopify-plugin GitHubissa Lä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 (/portal/settings/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 teeman koodia.

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

Lisää komponentti sivulle

Avaa teeman muokkaimessa 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ä Wink Studiosta saatu Layout ID.
Klikkaa Save.

Saatavilla olevat teema-lohkot

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