Shopify
Wink Shopify App låter researrangörer, upplevelseförsäljare och hotellhandlare visa live Wink-inventarium direkt på sin Shopify-butiksida — tillsammans med produkter, på landningssidor eller var som helst i temat.
wink-travel/wink-shopify-plugin on GitHub Källkod, installationsguide för utvecklare och instruktioner för bidrag.
Installera
Section titled “Installera”- Gå till Shopify App Store och sök efter Wink Travel.
- Klicka på Add app och följ OAuth-flödet för att auktorisera.
- I Wink-appens inställningar, ange din Client ID och Client Secret. Gå till Applications för att hämta dina uppgifter.
- Klicka på Verify & Save. Ett framgångsmeddelande bekräftar anslutningen.
Aktivera App Embed Block
Section titled “Aktivera App Embed Block”App Embed Block injicerar automatiskt Wink-skriptet och stilmallen på varje sida — du behöver inte redigera temakoden.
- I Shopify Admin, gå till Online Store → Themes → Customize.
- Klicka på App embeds i vänstra panelen.
- Slå på Wink Travel.
- Klicka på Save.
Lägg till en komponent på en sida
Section titled “Lägg till en komponent på en sida”- I temaredigeraren, öppna sidan eller sektionen där du vill ha Wink-innehåll.
- Klicka på Add block och välj bland Wink-blocken:
- Wink Content — hotellkort, rutnät eller kartor
- Wink Lookup — sökfält för destinationer
- Wink Search — knapp för att välja resplan
- Wink Account — inloggningsknapp
- Wink Itinerary — knapp för resplanstatus
- Wink Cart — knapp för kundvagn
- För Wink Content, välj en Layout Type och ange Layout ID från Wink Studio.
- Klicka på Save.
Tillgängliga temablock
Section titled “Tillgängliga temablock”| Block | Syfte |
|---|---|
| Wink Content | Visar hotellkort, rankade rutnät, kartor med mera |
| Wink Lookup | Sökfält för destinationer och hotell |
| Wink Search | Ikonknapp som öppnar resplansväljaren |
| Wink Account | Inloggnings- / användarkontoknapp |
| Wink Itinerary | Resplanskknapp som visar aktuell resa |
| Wink Cart | Sammanfattningsknapp för kundvagn |