Do you have Shopify account and want to keep your brand design consistent across all platforms? Below are 3 easy and simple steps for you to get automatically sync your store UI/UX from Shopify to TikTok Shop.

---

3 Simple steps to sync from Shopify to TikTok Shop:

Please find these easy steps for you to integrate your UI/UX store to TikTok Shop
Step 1: Log in to your Shopify account
Step 2: Click TikTok > Shop Management > Marketing > Shop Design and you will find the below page
Step 3: Select the Shopify page to sync

1. The current theme is selected by default.
2. You can switch to another theme if you want to sync it.
   

Next step is "start to sync" and the system will conduct the following steps:

1. Perform component analysis and data synchronization

1. Synchronize the Logo data
   1. Shopify logo is decorated onto TikTok Shop - Store logo
   2. If the merchant already has its own uploaded logo, there is no need to synchronize logo data.
2. Synchronize the decoration components
   1. Shopify Image Component -> TikTok Shop Image Component (Single Image, Multiple Images, Multiple Image Carousel, etc.)
   2. Shopify-Collection Component -> TikTok Shop-collection Component
   3. Shopify - Product Component -> TikTok Shop - Featured Product Component
      

2. After two steps are completed, it will provide merchants:

1. Preview capabilities
2. Support merchants in making fine adjustments
3. Support merchants in directly applying or editing.

Additional info:

1. Merchants need to complete the link or delete the component in the Editor;
2. Note: In terms of interaction, it can be considered to complete link completion (product links, category links, etc.) within the widget, which will provide a better experience.

1. Apply: Publish the online version and take effect.
2. Editor: Enter the seller center or Shopify account to edit your shop design.

1. You can confirm whether the marketing campaign is suitable for TikTok Shop. If you don't find it suitable, you can directly delete components in the emulator on the right;
2. Auto sync will only apply to collection & logo features. For components that were not recognized, you can edit them through the link.
3. After adjusting the decoration synchronization, sellers can do two things.

---

Sync result:

1. Successful: If the sync was successful, you could see the page below at TikTok Shop seller center and edit further through Shop Design.
   

b. Failed: if the sync failed, you would be redirected to TikTok Shop Seller Center Shop Design. This failure can be driven by failed logo review or creative copy review.