Tối ưu hóa sản phẩm

Thị trường khả dụng: US&UK

Widget Product optimizer là gì?

Product Optimizer 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 cho người bán, bao gồm tên sản phẩm, mô tả và hình ảnh.

*Đọc tiếp để tìm hiểu thêm hoặc tham khảo Product Optimizer trên TTS tại đây.

Lợi ích của Product optimizer là gì?

Quy trình làm việc

Trình diễn

Bản demo tích hợp

React framework

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

JSONWord 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/product:optimizer  
    },  
  ],  
};  
  
export default () => {  
  return (  
    <WidgetConfigProvider  
      config={initOptions.config}  
      getToken={initOptions.getToken}  
      remotes={initOptions.remotes}  
      preloadWidgetNames={['@tiktokshop-widget/product:optimizer']}>  
      <RemoteWidget  
        name={'@tiktokshop-widget/product:optimizer'}  
        className={'containerClass'}  
        options={{}} //Pass in the props required by the widget. If there are none, you don't need to pass them in.  
      />  
    </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/product:optimizer';  
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>  
  );  
};

Hướng dẫn tích hợp

Widget SDK User Guide

Mẹo:

• Cung cấp thông báo để người bán sử dụng product optimizer

Khuyến nghị cung cấp khả năng nhắc nhở người bán tối ưu hóa thông tin sản phẩm của họ sau khi đồng bộ sản phẩm. Việc này có thể được thực hiện bằng cách hiển thị banner/toast trên trang đồng bộ sản phẩm, nhắc nhở họ cải thiện chi tiết sản phẩm.

• Cảnh báo chung thông báo cho người bán tắt đồng bộ sản phẩm theo các trường API cụ thể

Có thể cung cấp một cảnh báo chung để thông báo cho người bán tắt việc đồng bộ thông tin sản phẩm (ví dụ tiêu đề sản phẩm, mô tả, hình ảnh) lên TTS trong app kết nối của họ. Bằng cách đó, bất kỳ chỉnh sửa nào được thực hiện cho một sản phẩm trên nền tảng DTC sẽ không được đồng bộ lên TTS một khi người bán đã thiết lập điều này.

• Cho phép người bán tắt đồng bộ hóa trường sản phẩm (ví dụ tiêu đề, mô tả, hình ảnh)

Khuyến nghị TẤT CẢ các app kết nối thêm cài đặt nâng cao để cho phép người bán tắt đồng bộ sản phẩm theo từng trường sản phẩm khác nhau. Tức là, cho phép người bán tắt đồng bộ đối với hình ảnh, mô tả, video và tiêu đề từ nền tảng DTC lên TTS. Bằng cách này, người bán có thể chỉnh sửa thông tin trên nền tảng DTC cho các kênh bán hàng khác mà không ghi đè thông tin của các sản phẩm TTS (vì những thông tin này sẽ được tối ưu hóa bởi công cụ tối ưu hóa PDP).