Shopify

Pinapayagan ng Wink Shopify App ang mga tour operator, nagbebenta ng karanasan, at mga negosyante sa hospitality na ipakita ang live 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 GitHubSource code, developer setup guide, and contribution instructions.

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

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

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 — sign-in button
- Wink Itinerary — button para sa status ng itinerary
- Wink Cart — button ng shopping cart
Para sa Wink Content, piliin ang Layout Type at ilagay ang Layout ID mula sa Portal.
I-click ang Save.

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	Sign-in / user account button
Wink Itinerary	Itinerary button na nagpapakita ng kasalukuyang biyahe
Wink Cart	Button para sa shopping cart summary