Shopify
Wink Shopify App дозволяє туроператорам, продавцям вражень і готельєрам відображати живий інвентар Wink безпосередньо на їхньому магазині Shopify — поруч із товарами, на цільових сторінках або будь-де в темі.
wink-travel/wink-shopify-plugin на GitHub Вихідний код, посібник для розробників та інструкції щодо внеску.
Встановлення
Section titled “Встановлення”- Перейдіть до Shopify App Store і знайдіть Wink Travel.
- Натисніть Add app і пройдіть OAuth-авторизацію.
- У налаштуваннях Wink app введіть свій Client ID та Client Secret. Перейдіть до Applications, щоб отримати свої облікові дані.
- Натисніть Verify & Save. Повідомлення про успіх підтвердить підключення.
Увімкнення блоку App Embed
Section titled “Увімкнення блоку App Embed”Блок App Embed автоматично вставляє скрипт і таблицю стилів Wink на кожну сторінку — редагувати код теми не потрібно.
- У Shopify Admin перейдіть до Online Store → Themes → Customize.
- У лівій панелі натисніть App embeds.
- Увімкніть Wink Travel.
- Натисніть Save.
Додавання компонента на сторінку
Section titled “Додавання компонента на сторінку”- У редакторі теми відкрийте сторінку або секцію, де хочете розмістити контент Wink.
- Натисніть Add block і виберіть один із блоків Wink:
- Wink Content — картки готелів, сітки або карти
- Wink Lookup — панель пошуку напрямків
- Wink Search — кнопка вибору маршруту
- Wink Account — кнопка входу
- Wink Itinerary — кнопка статусу маршруту
- Wink Cart — кнопка кошика покупок
- Для Wink Content виберіть Layout Type і введіть Layout ID з Wink Studio.
- Натисніть Save.
Доступні блоки теми
Section titled “Доступні блоки теми”| Блок | Призначення |
|---|---|
| Wink Content | Відображає картки готелів, рейтингові сітки, карти та інше |
| Wink Lookup | Панель пошуку напрямків і готелів |
| Wink Search | Іконка-кнопка, що відкриває вибір маршруту |
| Wink Account | Кнопка входу / облікового запису користувача |
| Wink Itinerary | Кнопка маршруту, що показує поточну поїздку |
| Wink Cart | Кнопка з підсумком кошика покупок |