Wymagania produktu i przegląd techniczny
1. Informacje o dokumencie
| Produkt | Weblo TTS - TikTok Shop for WooCommerce |
|---|---|
| Wydawca | TIME4IT Sp. z o.o. (marka Weblo) |
| Wersja wtyczki | 1.18.16 |
| Platforma API | https://tts.weblo.pl/ |
| Typ dokumentu | PRD / Product Requirements Document + Technical Overview |
| Odbiorca | TikTok Shop Partner Center - weryfikacja aplikacji |
2. Streszczenie
Weblo TTS to integracja typu managed connector, która łączy sklep WooCommerce z TikTok Shop. Sprzedawca instaluje wtyczkę WordPress i zarządza katalogiem, zamówieniami oraz obsługą posprzedażową z poziomu panelu WooCommerce. Operacje wymagające OAuth, tokenów TikTok Shop API, webhooków i harmonogramów synchronizacji wykonuje platforma chmurowa Weblo (tts.weblo.pl).
Model eliminuje przechowywanie haseł TikTok i sekretów OAuth w WordPress - wtyczka komunikuje się wyłącznie z Weblo API przy użyciu klucza sklepu (store_id + Bearer api_key).
3. Cele produktu
- Udostępnienie katalogu WooCommerce na TikTok Shop z mapowaniem kategorii i atrybutów zgodnym z wymaganiami marketplace.
- Import zamówień TikTok do WooCommerce z pełnymi danymi kupującego, pozycji, podatków i dostawy.
- Bi-directional synchronizacja stanów magazynowych po zmianie w WooCommerce lub TikTok.
- Realizacja zamówień (fulfillment) - przekazywanie numerów śledzenia i przewoźników do TikTok.
- Obsługa zwrotów, anulowań, zmian adresu i wiadomości kupujących.
- Widoczność rozliczeń i wypłat TikTok Shop w panelu administracyjnym.
4. Architektura systemu
┌─────────────────────┐ HTTPS REST ┌──────────────────────┐ TikTok Shop API ┌─────────────────┐ │ WooCommerce Store │ ◄──────────────────► │ Weblo API Platform │ ◄──────────────────────► │ TikTok Shop │ │ (WordPress + WC) │ Bearer api_key │ tts.weblo.pl │ OAuth 2.0 / PKCE │ (Seller Center)│ │ │ │ │ Access & refresh tok. │ │ Weblo TTS Plugin │ ◄── HMAC webhook ─── │ Webhook relay │ ◄──── TikTok webhooks ──│ │ └─────────────────────┘ POST /webhook └──────────────────────┘ └─────────────────┘
| Komponent | Rola | Technologia |
|---|---|---|
| Sklep WooCommerce | Źródło prawdy katalogu, zamówień, magazynu | WordPress 6+, WooCommerce 7+, PHP 7.4+ |
| Wtyczka Weblo TTS | UI administracyjne, wyzwalanie sync, webhook endpoint | PHP, WP REST API, WooCommerce hooks |
| Weblo API | OAuth, proxy TikTok API, kolejkowanie sync, webhooki | HTTPS JSON API (/api/v1) |
| TikTok Shop API | Oficjalne API marketplace (produkty, zamówienia, logistyka, finanse) | Partner API, OAuth 2.0 |
5. Model bezpieczeństwa
- OAuth 2.0 z PKCE - autoryzacja sprzedawcy przez TikTok; redirect URI:
https://tts.weblo.pl/oauth/callback. - Tokeny TikTok przechowywane i odświeżane wyłącznie po stronie Weblo - nie w bazie WordPress.
- Autoryzacja plugin → Weblo - nagłówek
Authorization: Bearer <api_key>powiązany zestore_id. - Webhooki - podpis HMAC-SHA256 w nagłówku
X-Weblo-TTS-Signature; endpoint sklepu:/wp-json/weblo-tts/v1/webhook. - Szyfrowanie - TLS 1.2+ dla całego ruchu; logi sync opcjonalnie w katalogu uploads (poza WWW).
- Separacja środowisk - produkcja, staging i development logicznie odseparowane.
6. Przepływ onboardingu (OAuth)
- Instalacja i aktywacja wtyczki Weblo TTS w WordPress/WooCommerce.
- Rejestracja sklepu:
POST /api/v1/stores/register→ otrzymaniestore_id,api_key,webhook_secret. - Administrator klika „Połącz z TikTok Shop” → przekierowanie na
https://tts.weblo.pl/oauth/authorize?store_id=…. - Weblo inicjuje OAuth TikTok (PKCE); sprzedawca loguje się w TikTok Seller Center i akceptuje scope’y.
- TikTok zwraca kod autoryzacji na callback Weblo; Weblo wymienia kod na tokeny i zapisuje powiązanie sklep ↔ TikTok Shop.
- Weblo rejestruje webhooki TikTok i przekazuje zdarzenia do endpointu WordPress sklepu.
- Panel Weblo TTS pokazuje status „Połączono” wraz z ID sklepu TikTok, regionem i URL webhooka.
7. Wymagania funkcjonalne
7.1 Katalog produktów
- Push produktów Woo → TikTok (
POST /sync/products/push) z tytułem, opisem, ceną, zdjęciami, wariantami, SKU. - Pull statusów i ID TikTok (
POST /sync/products/pull). - Mapowanie kategorii WooCommerce → kategorie TikTok; atrybuty obowiązkowe per kategoria.
- Aktywacja/deaktywacja listingów (
/sync/products/activate,/deactivate). - Aktualizacja istniejących produktów (
/sync/products/update). - Obsługa wymogów compliance UE (producent, osoba odpowiedzialna).
7.2 Stany magazynowe
- Sync po zmianie stocku w WooCommerce (hook
woocommerce_product_set_stock). - Push batch (
POST /sync/inventory/sync) z mapowaniem SKU / wariantów. - Webhook
tiktok.productdla zmian po stronie TikTok.
7.3 Zamówienia
- Pull zamówień TikTok (
POST /sync/orders/pull) - ręcznie lub przez webhooktiktok.order. - Import do WooCommerce (
/sync/orders/import,/confirm-import) z metadanymi TikTok (order ID, package ID). - Metabox zamówienia Woo z linkiem do TikTok, statusem sync i akcjami fulfillment.
- Fulfillment (
POST /sync/orders/fulfill) - numer śledzenia + przewoźnik z mapowania. - Pobieranie etykiet wysyłkowych (
/sync/fulfillment/shipping-document).
7.4 Zwroty i anulowania
- Wyszukiwanie zwrotów/anulowań (
/sync/orders/returns/search,/cancellations/search). - Approve/reject z powodami odrzucenia (
/reject-reasons). - Webhooki:
tiktok.return,tiktok.cancellation,tiktok.address,tiktok.package.
7.5 Mapowanie i automatyzacja
- Mapowanie statusów Woo ↔ TikTok, przewoźników wysyłki, pól zamówienia.
- Reguły automatyczne: sync stanów/cen po zdarzeniach WooCommerce.
7.6 Finanse
- Podgląd zestawień, wypłat i nierozliczonych transakcji (
/sync/finance/*).
7.7 Wiadomości kupujących
- Webhook
tiktok.message; wysyłka odpowiedzi (POST /sync/messages/send).
8. Webhooki (TikTok → Weblo → WordPress)
| Typ zdarzenia | Opis | Akcja w WordPress |
|---|---|---|
tiktok.order | Nowe/zmienione zamówienie | Import lub aktualizacja zamówienia Woo |
tiktok.product | Zmiana produktu/listingu | Aktualizacja metadanych sync produktu |
tiktok.return | Żądanie zwrotu | Panel zwrotów, powiadomienie admina |
tiktok.cancellation | Anulowanie | Obsługa anulowania w panelu |
tiktok.address | Zmiana adresu | Aktualizacja danych dostawy |
tiktok.package | Status paczki | Sync statusu fulfillment |
tiktok.message | Wiadomość kupującego | Notatka zamówienia / powiadomienie |
tiktok.auth | Alert autoryzacji | Powiadomienie o konieczności ponownego OAuth |
Każdy request jest weryfikowany przez hash_hmac('sha256', body, webhook_secret) przed przetworzeniem.
9. API Weblo (wtyczka ↔ platforma)
Base URL: https://tts.weblo.pl/api/v1. Poniżej główne grupy endpointów używane przez wtyczkę v1.18.16:
| Grupa | Endpointy |
|---|---|
| Store | /stores/register, /stores/status, /stores/settings, /stores/disconnect |
| Products | /sync/products/push|pull|update|activate|deactivate, /sync/products/categories |
| Inventory | /sync/inventory/sync |
| Orders | /sync/orders/pull|import|confirm-import|fulfill|cancel |
| After-sales | /sync/orders/returns/*, /sync/orders/cancellations/*, /sync/orders/reject-reasons |
| Logistics | /sync/logistics/shipping-providers, /sync/logistics/warehouses |
| Fulfillment | /sync/fulfillment/shipping-document |
| Finance | /sync/finance/statements|payments|unsettled |
| Messages | /sync/messages/send |
| Mappings | /mappings (GET/POST/DELETE) |
| Compliance | /sync/compliance/responsible-persons, /sync/compliance/manufacturers |
10. Moduły wtyczki WordPress
| Moduł | Odpowiedzialność |
|---|---|
Weblo_TTS_Api_Client | Komunikacja HTTP z Weblo API |
Weblo_TTS_Webhook | REST endpoint webhook, weryfikacja HMAC |
Weblo_TTS_Product_Sync | Push/pull produktów, compliance |
Weblo_TTS_Order_Sync | Import zamówień, fulfillment |
Weblo_TTS_Aftersale_Sync | Zwroty, anulowania, wiadomości |
Weblo_TTS_Cron | Zapasowy pull gdy webhook nie dotrze |
Weblo_TTS_Category_Map / Shipping_Map | Mapowania kategorii i kurierów |
Weblo_TTS_Admin | Panel: dashboard, produkty, zamówienia, ustawienia |
Weblo_TTS_Sync_Logger | Audyt operacji sync (opcjonalny zapis plików) |
11. Dane - lokalnie vs chmura
| Dane | WordPress (sklep) | Weblo (chmura) |
|---|---|---|
| Produkty, zamówienia Woo | Tak - pełne dane | Metadane sync, cache kontekstu |
| OAuth / refresh token TikTok | Nie | Tak - szyfrowane, least-privilege |
| store_id, api_key, webhook_secret | Tak - wp_options | Tak - rejestr sklepu |
| Mapowania kategorii/kurierów | Tak - lokalne opcje + sync API | Tak - kopia centralna |
| Logi operacji sync | Opcjonalnie (uploads) | Tak - centralne logi API |
12. Wymagania niefunkcjonalne
- WordPress 6.0+, WooCommerce 7.0+, PHP 7.4+.
- HTTPS obowiązkowy na sklepie (webhook + OAuth redirect).
- Timeout API: 45 s; retry przez cron przy błędach przejściowych.
- Obsługa HPOS (Custom Order Tables) - deklaracja kompatybilności WooCommerce.
- Wielojęzyczny UI wtyczki (PL domyślnie, EN przez locale).
13. Środowisko testowe
| Demo store URL | https://sklep.packpay.pl/ |
|---|---|
| Marketing / docs | https://tts.weblo.pl/ · Documents (EN) |
| OAuth redirect | https://tts.weblo.pl/oauth/callback |
| Webhook (demo) | https://sklep.packpay.pl/wp-json/weblo-tts/v1/webhook |
Szczegółowe instrukcje testowe i konto demo udostępniane są w formularzu weryfikacji Partner Center.
14. Powiązana dokumentacja compliance
15. Przewodnik użytkowania - zrzuty ekranu
Poniższe zrzuty ekranu pochodzą ze sklepu demonstracyjnego sklep.packpay.pl (WordPress + WooCommerce + Weblo TTS v1.18.16). Ilustrują typowy przepływ pracy sprzedawcy - od pierwszego logowania po realizację zamówienia TikTok w WooCommerce.
- Pulpit - sprawdź status połączenia OAuth i ukończ kroki konfiguracji.
- Produkty - sparuj katalog Woo z TikTok Shop i wypchnij listingi.
- Mapowanie - ustaw kategorie, kurierów i atrybuty wymagane przez TikTok.
- Automatyzacja - włącz reguły sync stanów magazynowych i importu zamówień.
- Zamówienia - pobieraj i monitoruj zamówienia z TikTok.
- Metabox zamówienia - realizuj wysyłkę (tracking) bezpośrednio z edycji zamówienia Woo.
15.1 Pulpit Weblo TTS
Ekran startowy po zalogowaniu do WordPress. Widać postęp konfiguracji (checklist), status połączenia z TikTok Shop, skróty do produktów i zamówień oraz podsumowanie ostatniej synchronizacji.
- Sekcja Połączenie - informacja czy OAuth TikTok jest aktywny (zielony status „Połączono”).
- Widget Przewodnik - kolejne kroki: rejestracja sklepu, OAuth, mapowanie, pierwszy push produktu.
- Kafelki statystyk - liczba sparowanych produktów, zamówień TikTok, ostatni sync.
- Skróty do zakładek: Produkty, Zamówienia, Ustawienia.
15.2 Synchronizacja produktów
Zakładka Produkty prezentuje tabelę par produktów: po lewej WooCommerce (SKU, nazwa, stan), po prawej odpowiadający listing TikTok (ID, status publikacji). Stąd merchant wypycha nowe produkty lub aktualizuje istniejące.
- Przyciski Wypchnij do TikTok / Pobierz z TikTok - masowa synchronizacja katalogu.
- Kolumna Status sync - zsynchronizowany, oczekuje, błąd (z opisem w logach).
- Mapowanie wariantów (rozmiar, kolor) na SKU TikTok.
- Filtry: tylko niesparowane, tylko z błędami, tylko aktywne listingi.
15.3 Mapowanie kategorii i kurierów
Panel Ustawienia → Mapowanie. Merchant przypisuje kategorie WooCommerce do drzewa kategorii TikTok, mapuje metody wysyłki Woo na przewoźników TikTok oraz uzupełnia atrybuty obowiązkowe wymagane przez wybraną kategorię TikTok.
- Mapowanie kategorii - wyszukiwarka kategorii TikTok + przypisanie do kategorii Woo.
- Mapowanie kurierów - WooCommerce shipping method → TikTok shipping provider ID.
- Atrybuty produktu - uzupełnienie pól wymaganych przez TikTok przed publikacją.
- Zapis mapowań synchronizowany z Weblo API (
/mappings).
15.4 Reguły automatyzacji
Zakładka Ustawienia → Automatyzacja. Merchant definiuje kiedy Weblo TTS ma automatycznie synchronizować stany magazynowe po zmianie w WooCommerce, importować nowe zamówienia TikTok (webhook + cron backup) oraz aktualizować ceny.
- Przełącznik Auto-sync stanów - push inventory po każdej zmianie stocku Woo.
- Auto-import zamówień - tworzenie zamówienia Woo po webhooku
tiktok.order. - Interwał crona zapasowego - pull zamówień gdy webhook nie dotrze.
- Opcje logowania operacji sync (audyt w zakładce Logi).
15.5 Zamówienia TikTok
Zakładka Zamówienia agreguje zamówienia TikTok powiązane z WooCommerce. Merchant może ręcznie odświeżyć listę z TikTok, filtrować po statusie importu i przejść do edycji zamówienia Woo.
- Przycisk Odśwież zamówienia z TikTok - wywołuje
POST /sync/orders/pull. - Kolumny: ID TikTok, ID Woo, status, kwota, data, status fulfillment.
- Wskaźnik Zimportowano / Oczekuje / Błąd importu.
- Link do natywnego zamówienia WooCommerce (HPOS compatible).
15.6 Metabox TikTok w zamówieniu WooCommerce
Po imporcie zamówienia TikTok w ekranie edycji zamówienia WooCommerce pojawia się metabox Weblo TTS z identyfikatorami TikTok, statusem paczki, formularzem fulfillment (numer tracking + kurier) oraz linkiem do Seller Center.
- Pola tylko do odczytu: TikTok Order ID, Package ID, Shop ID, region.
- Formularz Fulfillment - numer śledzenia + wybór przewoźnika z mapowania.
- Przycisk Wyślij tracking do TikTok →
POST /sync/orders/fulfill. - Historia sync i ostatni webhook dla tego zamówienia.
Zatwierdzenie dokumentu
Dokument zatwierdzony przez Zarząd TIME4IT Sp. z o.o.
Wersja: 1.0 · Data zatwierdzenia: 22 czerwca 2026
Kontakt
W sprawach dotyczących tego dokumentu, integracji lub wsparcia technicznego:
TIME4IT Sp. z o.o.ul. Plonowa 24I/2, 05-500 Nowa Wola, Polska
KRS: 0001140137 · NIP: 1231569806 · REGON: 540441588
e-mail: [email protected]