Shopify
Wink Shopify App lar turoperatører, opplevelsesselgere og handelsbedrifter vise live Wink-inventar direkte på sin Shopify-butikk — sammen med produkter, på landingssider eller hvor som helst i temaet.
wink-travel/wink-shopify-plugin på GitHub Kildekode, utvikleroppsett og instruksjoner for bidrag.
Installer
Section titled “Installer”- Gå til Shopify App Store og søk etter Wink Travel.
- Klikk Add app og følg OAuth-flyten for å autorisere.
- I Wink-appens innstillinger, skriv inn din Client ID og Client Secret. Gå til Applications for å hente dine legitimasjoner.
- Klikk Verify & Save. En suksessmelding bekrefter tilkoblingen.
Aktiver App Embed Block
Section titled “Aktiver App Embed Block”App Embed Block injiserer automatisk Wink-skriptet og stilarket på hver side — du trenger ikke å redigere temakoden.
- I Shopify Admin, gå til Online Store → Themes → Customize.
- Klikk App embeds i venstre panel.
- Slå på Wink Travel.
- Klikk Save.
Legg til en komponent på en side
Section titled “Legg til en komponent på en side”- I temaredigereren, åpne siden eller seksjonen der du vil ha Wink-innhold.
- Klikk Add block og velg blant Wink-blokkene:
- Wink Content — hotellkort, rutenett eller kart
- Wink Lookup — søkefelt for destinasjoner
- Wink Search — knapp for reiseplanlegger
- Wink Account — påloggingsknapp
- Wink Itinerary — knapp for reiseplanstatus
- Wink Cart — handlekurvknapp
- For Wink Content, velg en Layout Type og skriv inn Layout ID fra Wink Studio.
- Klikk Save.
Tilgjengelige temablokker
Section titled “Tilgjengelige temablokker”| Blokk | Formål |
|---|---|
| Wink Content | Viser hotellkort, rangerte rutenett, kart og mer |
| Wink Lookup | Søkelinje for destinasjoner og hoteller |
| Wink Search | Ikonknapp som åpner reiseplanleggeren |
| Wink Account | Påloggings- / brukerkontoknapp |
| Wink Itinerary | Reiseplan-knapp som viser gjeldende tur |
| Wink Cart | Oppsummeringsknapp for handlekurv |