Shopify
Este conteúdo não está disponível em sua língua ainda.
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 |