Tổng quan về Widget
"Widget" là gì?
Widget là một thành phần bao gồm API dựa trên TikTok Shop và giao diện UI. Các Widget hỗ trợ nhiều trường hợp sử dụng của người bán trên TikTok Shop, chẳng hạn như thiết lập mẫu kho/vận chuyển, tối ưu hóa sản phẩm, hoàn tất đơn hàng, kiểm tra dữ liệu hiệu suất...
API và widget khác nhau như thế nào?
Tóm lại, widget là các thành phần trực quan giúp nâng cao giao diện người dùng và chức năng của một tính năng cụ thể, trong khi API (Application Programming Interfaces) là các tập hợp quy tắc và giao thức cho phép các ứng dụng phần mềm khác nhau giao tiếp với nhau, và không bao gồm các thành phần UI.
Khác biệt về kỹ thuật
| TikTok Shop-API | TikTok Shop Widget | |
|---|---|---|
| Kiến trúc kỹ thuật / Tích hợp | API là tích hợp REST thuần túy backend-to-backend. | Widget là một SDK được tích hợp vào frontend của bạn, xử lý toàn bộ các lệnh gọi (backend) đến TikTok Shop. |
| Phát triển | Yêu cầu phát triển backend. | Yêu cầu phát triển frontend (không bao gồm tích hợp token). |
| Tính linh hoạt của UI | Bạn có toàn quyền kiểm soát frontend trong app của mình, vốn linh hoạt và có thể tùy chỉnh. | Widget cung cấp giao diện dùng ngay cho người dùng của bạn, dễ sử dụng và không thể tùy chỉnh. |
Lợi ích của việc tích hợp widget là gì?
- Widget dễ tích hợp, trong hầu hết các trường hợp chỉ tốn tài nguyên frontend để tích hợp
- Widget có thể nâng cao chức năng và tính tương tác của APP của bạn, mang lại giá trị bổ sung cho người dùng.
- Widget có thể đảm bảo tính nhất quán về dữ liệu và giao diện với TikTok Shop API
Cách tích hợp widget?
Trước khi bắt đầu
Bước 1 Duyệt các tùy chọn widget
Bạn có thể duyệt các tùy chọn widget trên tab ++Development kits> Widget ++ và trung tâm tài liệu của Partner Center, nhấp vào learn more để xem thêm chi tiết về widget này.
Bước 2 Hoàn tất thiết lập widget
Nhà phát triển có thể xem danh sách tất cả các app đã được tạo và liệu app đó đã bật widget hay chưa. Bằng cách nhấp vào nút configure, đối tác sẽ được chuyển đến trang chi tiết app để cấu hình.
Nhà phát triển cũng có thể bắt đầu cấu hình thiết lập trước cho widget trên trang chi tiết APP khi tạo một app mới.
Nhà phát triển cần cung cấp domain URL cho widget. Vui lòng lưu ý:
- Vui lòng cung cấp root domain, nếu không bạn có thể gặp thông báo lỗi.
URL Example: https://demo1.tiktokshop.com Vui lòng cung cấp root domain, nếu không bạn có thể gặp thông báo lỗi. 1. URL Example: https://demo1.tiktokshop.com
- Số lượng URL tối đa bạn có thể thêm là 10.
Bước 3 Bắt đầu tích hợp
Sau khi thiết lập trước cho widget, bây giờ bạn có thể làm theo hướng dẫn tích hợp widget để tích hợp với widget và kiểm thử widget của bạn trước khi ra mắt.
Authentication Token
Chúng tôi cung cấp cho bạn một token ngắn hạn và bạn có thể tham khảo Get Widget Token.
Hướng dẫn tích hợp Widget
| NO. | Widget name | Widget intro | Widget demo | Market | 📒 Integration Guide |
|---|---|---|---|---|---|
| 1 | Warehouse widget | Trước khi đăng sản phẩm, người bán phải thiết lập thông tin kho. |
- Người bán có thể không có cơ hội biết thông tin này hoặc thiết lập mẫu vận chuyển nếu không đăng nhập vào Seller center.
- Tỷ lệ thất bại cao khi đăng sản phẩm qua API chủ yếu do không thiết lập mẫu vận chuyển
Widget Warehouse Settings cho phép người bán nhập thông tin kho giao hàng và kho trả hàng, bao gồm người liên hệ kho, địa chỉ kho và phạm vi bán hàng của kho. | | US&UK | https://partner.tiktokshop.com/docv2/page/66599ca675ead002e4e0c3fb |
| 2 | Shipping template widget | Trước khi đăng sản phẩm, người bán TTS phải thiết lập mẫu vận chuyển nếu người bán chọn tự vận chuyển.
- Người bán có thể không có cơ hội biết thông tin này hoặc thiết lập mẫu vận chuyển nếu không đăng nhập vào Seller center.
- Tỷ lệ thất bại cao khi đăng sản phẩm qua API chủ yếu do không thiết lập mẫu vận chuyển
Đối với người bán 3PL, widget này có thể cung cấp mẫu vận chuyển (điều kiện tiên quyết để đăng sản phẩm) cho người bán | | US&UK | https://partner.tiktokshop.com/docv2/page/66599c6d36f34802de23344e |
| 3 | 🔥Product optimizer widget | Sau khi đồng bộ sản phẩm, thông tin sản phẩm kém chất lượng sẽ tiếp tục ảnh hưởng đến lưu lượng truy cập và người bán có thể không biết cách cải thiện.
Widget này tận dụng các đề xuất được hỗ trợ bởi AI để tạo ra thông tin sản phẩm chất lượng cao và cải thiện hiệu suất sản phẩm tổng thể của người bán.
|
| US&UK | https://partner.tiktokshop.com/docv2/page/66599c4236f34802de23338d |
| 4 | 🔥Orders by TikTok Shipping (4PL)widget | Đối với những người bán sử dụng giao hàng 4PL, họ cần thực hiện các thao tác giao hàng trong TTS seller center sau khi kiểm tra đơn hàng trong 3P app, việc này tốn thời gian
Widget này cho phép người bán xử lý các đơn hàng 4PL riêng lẻ/theo lô trong 3P APP.
(chọn đơn hàng theo lô - > > tạo nhãn - > > in nhãn - > > xử lý lô hàng) |
| US | https://partner.tiktokshop.com/docv2/page/665999a9e5764002e59be4e2 |
Nhận trợ giúp
Bạn có thể tạo ticket để nhận hỗ trợ kỹ thuật tích hợp thông qua Partner Center- Help Center.
🎁 Phản hồi là một món quà! Vui lòng cho chúng tôi biết phản hồi/câu hỏi của bạn về widget bằng cách điền vào Feedback Table.
🔥 Tham gia nhóm chính thức TTS Widget Integration—Chỉ cần quét mã QR bên dưới để tham gia!