Shopify
هذا المحتوى غير متوفر بلغتك بعد.
The Wink Shopify App lets tour operators, experience sellers, and hospitality merchants display live Wink inventory directly on their Shopify storefront — alongside products, on landing pages, or anywhere in the theme.
wink-travel/wink-shopify-plugin on GitHub Source code, developer setup guide, and contribution instructions.
Install
Section titled “Install”- Go to the Shopify App Store and search for Wink Travel.
- Click Add app and follow the OAuth flow to authorize.
- In the Wink app settings, enter your Client ID and Client Secret. Go to Applications to retrieve your credentials.
- Click Verify & Save. A success message confirms the connection.
Enable the App Embed Block
Section titled “Enable the App Embed Block”The App Embed Block automatically injects the Wink script and stylesheet into every page — you don’t need to edit theme code.
- In Shopify Admin, go to Online Store → Themes → Customize.
- Click App embeds in the left panel.
- Toggle Wink Travel on.
- Click Save.
Add a component to a page
Section titled “Add a component to a page”- In the theme editor, open the page or section where you want Wink content.
- Click Add block and choose from the Wink blocks:
- Wink Content — hotel cards, grids, or maps
- Wink Lookup — destination search bar
- Wink Search — itinerary picker button
- Wink Account — sign-in button
- Wink Itinerary — itinerary status button
- Wink Cart — shopping cart button
- For Wink Content, select a Layout Type and enter the Layout ID from Wink Studio.
- Click Save.
Available theme blocks
Section titled “Available theme blocks”| Block | Purpose |
|---|---|
| Wink Content | Displays hotel cards, ranked grids, maps, and more |
| Wink Lookup | Search bar for destinations and hotels |
| Wink Search | Icon button that opens the itinerary picker |
| Wink Account | Sign-in / user account button |
| Wink Itinerary | Itinerary button showing the current trip |
| Wink Cart | Shopping cart summary button |