Feature Overview

Shop Design (formerly Shop Page) is a free, easy-to-use tool that lets you customize your TikTok Shop page—the main page shoppers see when they visit your store. You can add your logo, showcase key products, and design a layout that reflects your brand and makes it easier for shoppers to browse and buy your products.

• Build a branded experience: Add your logo, banner, and layout to create a shop that feels unique and aligns with your brand.
• Organize your products your way: Use drag-and-drop modules to showcase collections, categories, and featured items.
• Increase sales: Shops using Shop Design convert at 3.78%, compared to 1.73% without.
  

How to Access This Feature

Accessing Shop Design:

1. Log in to Seller Center.
2. Go to Marketing on the left-hand menu.
3. Click Shop page to start designing your shop.

What you'll see

How it Works

You can design your shop in two ways: Auto-Generate Design and Manual Customization.

Option 1: Auto-Generate Design (only available for first-time users)

This feature creates a simple shop layout for you, and is perfect if you're just getting started.

• Step 1: Click Try now under Auto-generate design.
• Step 2: TikTok will add a default header image and product modules.

• Step 3: Click Publish now to go live.
• Step 4: Share your shop with a link or QR code.

Note: This option only appears the first time you use Shop Design. Once you publish any design, this feature will no longer appear.

Option 2: Customize your shop

This allows you to fully control the look and feel of your shop, which products are shown, and how sections are arranged.

• Step 1: Enter the shop editor.
  • Click the green Design shop button in the top-right corner, or
  • Click Edit next to any draft version.

• Step 2: Understand the interface. The tool is divided into 3 main panels:
  • Shop Design Modules (left panel): Choose what type of content to add, such as images, products, flash sales, etc.
  • Shop Preview (middle panel): See a live view of how your shop will look on the app.
  • Settings (right panel): Customize each module (images, text, layout settings, etc.)

• Step 3: Add modules to your shop page. Drag modules from the left panel into the center preview area.
  • Visuals: Banners, logos, and product images
  • Products and categories: This includes smart product collections, such as Top products, New releases, Our picks for you, and Categories. We'll auto-fill these sections with the right products based on what’s trending, what’s selling, or what’s newly listed. There's also custom product collections, including Featured Products, By category, and Collection, which you can build and arrange manually.
  • Promotions: Flash sale/Special deals/Buy More Save More
• Step 4: Add a header image. Your header image is one of the first things shoppers will see on your shop page. A good-looking header can help increase visibility and improve trust with shoppers. The system automatically checks that your header image is clear and high quality. If not, it won't appear in your shop. If you're a verified seller, you'll have the option to add a header with your logo, brand name, or a high-quality image to showcase your brand. Here's how to upload and customize your header:

• Step 4.1: On the right-hand side of the page, find the Layout panel. Click on Header at the top of the module list to open header settings.
• Step 4.2: Click Upload Image under Background image.
  • Recommended dimensions: 780 px (width) x 720 px (height)
  • Max file size: 2 MB
  • Supported formats: JPG, JPEG, PNG
• Step 4.3: Add your shop logo (optional but recommended)
  • Under Logo, click Upload Image (or choose Text if you prefer)
  • Use a clear logo with a transparent or white background
  • Supported formats: PNG, WEBP
  • Max file size: 2 MB
• Step 4.4: Your header will appear in the live preview (center panel). Make sure the text image are easy to see and not cut off.

• Step 5: Use product collections to drive conversions. Product collections are one of the best ways to organize your products and help shoppers discover more of what they want. With the latest layout updates, creating collections is easier than ever. You can create collections in 3 different ways:
  • Option 1: Auto-generate collections (recommended)
    • This is the easiest way to get started. TikTok Shop will automatically suggest and build product collections for you. Auto-generated elements include:
      • Collection title
      • Product list
    • You can still edit the layout (horizontal/vertical), product ratio, and more.

• Option 2: Use a template
  • Use pre-built templates for popular or high-performing collection types, such as:
    • New Releases
    • Promotions
    • Top Sellers
  • The system will automatically fill in your collection title, description, and product list. This is great for seasonal events or quick promotional setups.

• Option 3: Create a collection manually
  • For full control, build a custom collection rom scratch. Add your own:
    • Collection name
    • Description
    • Cover image
    • Product list
  • This is great for unique bundles, limited drops, or themed product groups.

• Step 6: Preview and save your design. As you build, you'll see real-time updates in the center preview.
• Step 7: Once you're happy with the layout and content, click Publish in the top-right corner. Your new layout will go live immediately. You can always return and edit it later.

Other Features You Can Use

In addition to designing your shop layout, the Shop Design page includes other helpful tools and tips to help you improve your shop and learn from other sellers.

1. See how your shop is performing

At the top of the page, you'll see a section called "This week's highlight." It shows key metrics like page views, click-through rate (CTR), and conversion rate. Use this section to track how well your new shop layout is doing. After you publish a design, come back here to see if your numbers improve.

2. Manage your shop page versions

Below that, you'll see the "Shop page" section. This is where your different designs are saved.

• The Live version is what shoppers see now.
• Drafts are layouts you're still working on.

Next to each design, you can:

• Click Edit to make changes.
• Click Publish to make it go live.
• Click Share to get a link or QR code.

3. Add ready-made layout sections

Next, you'll see "Popular templates and sections." We offer 10 free, easy-to-use templates that you can add to your shop with just one click. Some templates will automatically highlight your top products or generate eye-catching visuals for sales and special offers. This will help you update your shop faster, keep shoppers engaged, and drive more conversion. Once you find a template you like, click Use template. You'll see a preview of how it looks in your shop. From there, you can either edit it to make changes or publish it as-is. Once you find a template you like, click Use template. You'll see a preview of how it looks in your shop. From there, you can either edit it to make changes or publish it as-is.

4. Create impactful visuals for your shop

To quickly create an impactful image for your shop, use this image generator recommendations that appear on the left side when you add a new image. This tool customizes images based on your products, branding, themes, and logo styles. You can choose from three themes: Promotion, Branding, and New Releases.Sellers can also edit the pictures using a built-in editor, easily edit text, colors and layout to fit your brand's style

5. LIVE and video

Set up your own LIVE reminder for shoppers to know all of your LIVE plans. The system will automatically obtain all current merchant's LIVE plans and display in order of LIVE time from most recent to oldest by default. This feature also supports merchants in editing the name of the LIVE component and selecting which LIVE sessions to display.

6. Create your own store collection

Create up to 4 product collections that fit your brand needs. Each collection can include up to 100 products, and you can customize the name and description. Create your own collection with Smart Generate (e.g., Black Friday, New Arrivals) or create them manually.
You can also send your collection via customer messages to showcase specific collection to your customer

7. Get inspired by seller success stories

At the bottom of the page, you'll see real examples from other sellers who used Shop Design to grow their sales.

8. Share your TikTok Shop

Frequently Asked Questions (FAQs)

Need Help?

• Contact your Account Manager: If you have an Account Manager, reach out to them directly for personalized support.
• No Account Manager? If you don't have an Account Manager, reach out to TikTok Shop support.
  • TikTok Shop Support: https://seller-us.tiktok.com/contact-us
  • Email: support@us.tiktok.com