Trả hàng và hoàn tiền

Giới thiệu

Tích hợp Trả hàng & Hoàn tiền cho phép người bán quản lý các đơn trả hàng và hoàn tiền tại một nơi duy nhất. Bao gồm:

1. Kiểm tra các đơn Trả hàng & Hoàn tiền và lý do do người mua cung cấp
2. Chấp nhận hoặc từ chối yêu cầu của người mua.

Thông tin thêm:https://seller-us.tiktok.com/university/essay?identity=1&role=1&knowledge_id=6837901778454274&from=feature_guide

Lợi ích

• Thông báo cho người bán về các đơn trả hàng và hoàn tiền để tránh tác động tiêu cực đến SLA do không nắm bắt kịp thời.
• Mang lại trải nghiệm xử lý đơn hàng toàn diện ngay trong app của bạn, để người bán không phải quay lại Seller Center để quản lý các đơn trả hàng và hoàn tiền

Bản demo tích hợp

Mẹo:

1. Thêm một tab trả hàng & hoàn tiền trong app của bạn để người bán thao tác
2. Hướng dẫn người bán kiểm tra trang trả hàng & hoàn tiền

React framework

Cấu hình preload trong WidgetConfigProvider preloadWidgetNames, bạn có thể đặt WidgetConfigProvider ở lớp ngoài cùng để preload

TYPESCRIPTWord Wrap

import { WidgetConfigProvider,RemoteWidget } from '@tiktokshop/widget-kit-react';  
  
const getWidgetToken = async () => {  
  const res: any = await get('https://xxx/api/v1/widget/access_token', {  
    outer_shop_id: 'xxx',  
    partner_type: '1',  
  });  
  if (res?.code === 0) {  
    return res?.data;  
  }  
  return {};  
};  
  
const initOptions = {  
  config: {  
    shopId: 'xxx', //seller id, such as 123456  
    oecRegion: 'xxx', //country,such as US  
    appKey: 'xxx', //The key corresponding to the merchant's creation service  
    isvInfo: {  
      name: 'xxx', //ISV name,such as OPEN_PLATFORM  
    },  
  },  
  getToken: getWidgetToken, //get auth token  
  remotes: [  
    {  
      name: 'xxx', //Integrated business name, provided by the open platform,such as:@tiktokshop-widget/reverse:ManageReturns  
    },  
  ],  
};  
  
export default () => {  
  return (  
    <WidgetConfigProvider  
      config={initOptions.config}  
      getToken={initOptions.getToken}  
      remotes={initOptions.remotes}  
      preloadWidgetNames={['@tiktokshop-widget/reverse:ManageReturns']}>  
      <RemoteWidget  
        name={'@tiktokshop-widget/reverse:ManageReturns'}  
        className={'containerClass'}  
      />  
    </WidgetConfigProvider>  
  );  
};

Native js

JSONWord Wrap

import React, { useEffect } from 'react';  
import { get } from './utils/fetch';  
import { loadWidget, init, WidgetComponent } from '@tiktokshop/widget-kit';  
  
const name = '@tiktokshop-widget/reverse:ManageReturns';  
let view = null;  
export default () => {  
  const getWidgetToken = async () => {  
    const res: any = await get('https://xxx/api/v1/widget/access_token', {  
      outer_shop_id: 'xxx',  
      partner_type: '1',  
    });  
    if (res?.code === 0) {  
      return res?.data;  
    }  
    return {};  
  };  
  
  const initWidget = () => {//It is recommended to initialize the widget in the outer layer and execute the preloadWidget([name]) method to preload resources.  
    init({  
      config: {  
        shopId: 'xxx',  
        oecRegion: 'US',  
        appKey: 'xxx',  
        isvInfo: {  
          name: 'OPEN_PLATFORM',  
        },  
      },  
      remotes: [  
        {  
          name,  
        },  
      ],  
      getToken: getWidgetToken,  
    });  
  };  
  useEffect(() => {  
    initWidget();  
    loadWidget(name).then((component: WidgetComponent) => {  
      view = component.create(  
        document.getElementById('widget-preview-container')!,  
      );  
      view?.render({});  
    });  
    return () => {  
      view?.unmount();  
    };  
  }, []);  
  return (  
    <div  
      className="widget-preview-container"  
      id="widget-preview-container"></div>  
  );  
};

Nhật ký thay đổi

Release date	Update
2024/6/25	Phiên bản đầu tiên được ra mắt, cung cấp khả năng quản lý các đơn trả hàng và hoàn tiền

Hướng dẫn sử dụng Widget SDK

Hướng dẫn sử dụng Widget SDK