Shopify
Pinapayagan ng Wink Shopify App ang mga tour operator, nagbebenta ng karanasan, at mga negosyante sa hospitality na ipakita ang live na Wink inventory nang direkta sa kanilang Shopify storefront — kasabay ng mga produkto, sa mga landing page, o kahit saan sa tema.
wink-travel/wink-shopify-plugin on GitHub Source code, developer setup guide, and contribution instructions.
I-install
Section titled “I-install”- Pumunta sa Shopify App Store at hanapin ang Wink Travel.
- I-click ang Add app at sundin ang OAuth flow para mag-authorize.
- Sa mga setting ng Wink app, ilagay ang iyong Client ID at Client Secret. Pumunta sa Applications para kunin ang iyong mga kredensyal.
- I-click ang Verify & Save. Magpapakita ng mensahe ng tagumpay bilang kumpirmasyon ng koneksyon.
I-enable ang App Embed Block
Section titled “I-enable ang App Embed Block”Awtomatikong ini-inject ng App Embed Block ang Wink script at stylesheet sa bawat pahina — hindi mo na kailangang i-edit ang theme code.
- Sa Shopify Admin, pumunta sa Online Store → Themes → Customize.
- I-click ang App embeds sa kaliwang panel.
- I-toggle ang Wink Travel sa on.
- I-click ang Save.
Magdagdag ng component sa isang pahina
Section titled “Magdagdag ng component sa isang pahina”- Sa theme editor, buksan ang pahina o seksyon kung saan mo gustong ilagay ang Wink content.
- I-click ang Add block at pumili mula sa mga Wink blocks:
- Wink Content — mga hotel card, grids, o mapa
- Wink Lookup — search bar para sa destinasyon
- Wink Search — button para sa itinerary picker
- Wink Account — button para sa pag-sign in
- Wink Itinerary — button para sa status ng itinerary
- Wink Cart — button para sa shopping cart
- Para sa Wink Content, piliin ang Layout Type at ilagay ang Layout ID mula sa Wink Studio.
- I-click ang Save.
Mga available na theme blocks
Section titled “Mga available na theme blocks”| Block | Layunin |
|---|---|
| Wink Content | Nagpapakita ng mga hotel card, ranked grids, mapa, at iba pa |
| Wink Lookup | Search bar para sa mga destinasyon at hotel |
| Wink Search | Icon button na nagbubukas ng itinerary picker |
| Wink Account | Button para sa pag-sign in / user account |
| Wink Itinerary | Button ng itinerary na nagpapakita ng kasalukuyang biyahe |
| Wink Cart | Button para sa buod ng shopping cart |