Shopify

Ứng dụng Wink Shopify cho phép các nhà điều hành tour, người bán trải nghiệm và thương nhân ngành khách sạn hiển thị kho hàng Wink trực tiếp trên cửa hàng Shopify của họ — cùng với sản phẩm, trên trang đích hoặc bất cứ đâu trong giao diện.

wink-travel/wink-shopify-plugin trên GitHub Mã nguồn, hướng dẫn thiết lập cho nhà phát triển và hướng dẫn đóng góp.

Cài đặt

Truy cập Shopify App Store và tìm kiếm Wink Travel.
Nhấn Add app và làm theo quy trình OAuth để ủy quyền.
Trong cài đặt ứng dụng Wink, nhập Client ID và Client Secret của bạn. Truy cập Applications để lấy thông tin xác thực.
Nhấn Verify & Save. Một thông báo thành công sẽ xác nhận kết nối.

Bật Khối Nhúng Ứng dụng

Khối Nhúng Ứng dụng tự động chèn script và stylesheet của Wink vào mọi trang — bạn không cần chỉnh sửa mã giao diện.

Trong Shopify Admin, vào Online Store → Themes → Customize.
Nhấn App embeds ở bảng bên trái.
Bật Wink Travel.
Nhấn Save.

Thêm một thành phần vào trang

Trong trình chỉnh sửa giao diện, mở trang hoặc phần bạn muốn chèn nội dung Wink.
Nhấn Add block và chọn từ các khối Wink:
- Wink Content — thẻ khách sạn, lưới xếp hạng hoặc bản đồ
- Wink Lookup — thanh tìm kiếm điểm đến
- Wink Search — nút chọn hành trình
- Wink Account — nút đăng nhập
- Wink Itinerary — nút trạng thái hành trình
- Wink Cart — nút giỏ hàng
Với Wink Content, chọn Layout Type và nhập Layout ID từ Wink Studio.
Nhấn Save.

Các khối giao diện có sẵn

Khối	Mục đích
Wink Content	Hiển thị thẻ khách sạn, lưới xếp hạng, bản đồ và nhiều hơn nữa
Wink Lookup	Thanh tìm kiếm điểm đến và khách sạn
Wink Search	Nút biểu tượng mở bộ chọn hành trình
Wink Account	Nút đăng nhập / tài khoản người dùng
Wink Itinerary	Nút hành trình hiển thị chuyến đi hiện tại
Wink Cart	Nút tóm tắt giỏ hàng