Shopify
Wink Shopify 应用 让旅游运营商、体验销售商和酒店商家能够直接在其 Shopify 店面展示实时 Wink 库存——可与产品并列展示，放在登录页或主题中的任何位置。
wink-travel/wink-shopify-plugin 在 GitHub 源代码、开发者设置指南和贡献说明。
- 访问 Shopify 应用商店，搜索 Wink Travel。
- 点击 添加应用 并按照 OAuth 流程授权。
- 在 Wink 应用设置中，输入您的 Client ID 和 Client Secret。 访问 Applications 获取您的凭证。
- 点击 验证并保存。成功消息确认连接。
启用应用嵌入块
Section titled “启用应用嵌入块”应用嵌入块会自动将 Wink 脚本和样式表注入每个页面——无需编辑主题代码。
- 在 Shopify 管理后台，进入 在线商店 → 主题 → 自定义。
- 点击左侧面板的 应用嵌入。
- 切换开启 Wink Travel。
- 点击 保存。
向页面添加组件
Section titled “向页面添加组件”- 在主题编辑器中，打开您想放置 Wink 内容的页面或部分。
- 点击 添加区块，选择以下 Wink 区块：
- Wink Content — 酒店卡片、网格或地图
- Wink Lookup — 目的地搜索栏
- Wink Search — 行程选择按钮
- Wink Account — 登录按钮
- Wink Itinerary — 行程状态按钮
- Wink Cart — 购物车按钮
- 对于 Wink Content，选择一个 布局类型 并输入来自 Wink Studio 的 布局 ID。
- 点击 保存。
可用主题区块
Section titled “可用主题区块”| 区块 | 作用 |
|---|---|
| Wink Content | 显示酒店卡片、排名网格、地图等 |
| Wink Lookup | 目的地和酒店搜索栏 |
| Wink Search | 打开行程选择器的图标按钮 |
| Wink Account | 登录 / 用户账户按钮 |
| Wink Itinerary | 显示当前行程的按钮 |
| Wink Cart | 购物车摘要按钮 |