Shopify

Приложение Wink Shopify App позволяет туроператорам, продавцам впечатлений и торговцам в сфере гостеприимства отображать актуальный инвентарь Wink прямо на витрине Shopify — рядом с товарами, на лендингах или в любом месте темы.

wink-travel/wink-shopify-plugin на GitHub Исходный код, руководство по настройке для разработчиков и инструкции по внесению вкладов.

Установка

Перейдите в Shopify App Store и найдите Wink Travel.
Нажмите Add app и следуйте процессу OAuth для авторизации.
В настройках приложения Wink введите ваш Client ID и Client Secret. Перейдите в Applications, чтобы получить ваши учетные данные.
Нажмите Verify & Save. Появится сообщение об успешном подключении.

Включите блок App Embed

Блок App Embed автоматически добавляет скрипт и таблицу стилей Wink на каждую страницу — редактировать код темы не нужно.

В админке Shopify перейдите в Online Store → Themes → Customize.
В левой панели нажмите App embeds.
Включите переключатель Wink Travel.
Нажмите Save.

Добавление компонента на страницу

В редакторе темы откройте страницу или раздел, куда хотите добавить контент 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.

Доступные блоки темы

Блок	Назначение
Wink Content	Отображает карточки отелей, ранжированные сетки, карты и другое
Wink Lookup	Строка поиска направлений и отелей
Wink Search	Иконка-кнопка, открывающая выбор маршрута
Wink Account	Кнопка входа / аккаунта пользователя
Wink Itinerary	Кнопка маршрута с текущей поездкой
Wink Cart	Кнопка с краткой информацией о корзине покупок