Shop Design Page

What is Shop Design Page ?

Your Shop Design Page is your personalised storefront on TikTok Shop. Think of it as your digital showcase where customers discover your brand and products. Instead of using the basic default homepage, you can create a custom design that reflects your brand personality and drives sales.
Why customise your shop page?
  • Boost sales performance with better product displays
  • Keep customers engaged longer with attractive banners and layouts
  • Increase conversions by highlighting promotions and deals
    image
    image

How to build a Shop Page?

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

Option 1: Auto-Generate Design (Perfect for Beginners)

  1. Navigate to Shop Design
  • Go to Seller Center →Marketing → Shop Page → Shop Design Page
image
  1. Choose Auto-Generate
    • Click "Try now" under Auto-generate design
    • TikTok automatically creates a simple layout with header image and product modules
  2. Go Live
    • Click "Publish now" to make your shop live
    • Share your shop using the provided link or QR code
Important Note: Auto-generate is only available for first-time users. Once you publish any design, you'll need to use manual customization for future changes.

Option 2: Manual Customization (Full Creative Control)

image
For complete control over your shop's look and feel:
  1. Access the Design Editor
    • Go to Seller Center → Shop Page → Shop Design Page
    • Click "Duplicate to edit"/"Edit Store"
  2. Understanding Your Workspace Your design workspace has three main areas:
    • Left Panel: Store Design Modules (drag-and-drop components)
    • Center Canvas: Visual preview of your shop page
    • Right Panel: Component Property Panel (customize selected elements)
      image

Building Your Custom Shop: Component Reference

Your shop is built using four main component types. Choose the ones that best showcase your products and brand:

🎨 Visuals

- Make a Great First Impression
Best For
Key Features
HeaderBrand identityLogo, banner, colors & fonts
Single ImageHero banners (One powerful image (800px+, max 5MB))
image
CarouselProduct showcases (0-5 images with individual links)
Multi-Click ImageInteractive displays (1-10 images clickable hotspots)
Multi-Image Collections, 2-4 images in grid (800×800px each)

🛍️ Products

- Drive Sales & Discovery
Component
How It Works
Best Use Case
Visual
Featured ProductsYou choose up to 30 productsHighlight bestsellers or new items
image
By CategoryAuto-shows 1-3 from selected categoryKeep content fresh automatically
CollectionsThemed groups with custom image"Summer Sale," "Gift Sets," etc.
Smart ComponentsAuto-updates (New Release/Top Products)Set-and-forget merchandising

🎯 Promotions

- Boost Conversions (Auto-Generated)
These pull from your active TikTok Shop promotions automatically:
  • Flash Deals → Shows items in flash sales
  • Buy More Save More → Displays bulk discount products
  • Special Deals → Features discounted items by discount %
💡 Quick Start Tip: Start with Header + Single Image + Featured Products. You can always add more components later!

🚀 Publishing & Managing Your Shop

The 3-Step Publishing Process

Step
What Happens
Your Action
1. Final ReviewCheck design & linksUse preview function
2. SubmitTikTok reviews for complianceClick "Publish"
3. ApprovalAuto-live if approvedWait for email confirmation

📁 Version Management Dashboard

Version Type
Status
What You Can Do
OnlineLive shopReplace with default
Under ReviewBeing reviewedWait for approval
Change NeededRejectedEdit, republish, or delete
Default HomeTemplateUse as backup

🔧 If Your Design Gets Rejected

Don't panic! Follow this quick fix process:
  1. 📧 Check email → Get specific reasons
  2. 🔔 Review notifications → See dashboard alerts
  3. 🏷️ Find "Change Needed" tag → Locate your draft
  4. 🛠️ Use workbench guidance → Follow fix suggestions
  5. 🔄 Resubmit → Publish again

💡 Success Tips & Best Practices

Do This

  • Keep layouts clean and uncluttered
  • Design for mobile-first (most users are on phones)
  • Use high-resolution, professional images
  • Update seasonal content regularly
  • Test different layouts to see what works

Avoid This

  • Low-quality or pixelated images
  • Too many elements on one page
  • Broken or missing product links
  • Outdated promotional content

🗓️ Seasonal Content Ideas

Season
Collection Ideas
SpringFresh Arrivals, Easter Specials
SummerBeach Ready, Vacation Essentials
FallBack to School, Cozy Autumn
WinterHoliday Gifts, New Year New You

🆘 Quick Help & Troubleshooting

"Why can't customers see my custom design?"
This is normal! TikTok tests different versions with different users to optimize the shopping experience.
Need support?
  • Check seller notifications for feedback
  • Review email for rejection details
  • Use workbench guidance for specific fixes
  • Contact TikTok Shop support for technical issues

✅ Pre-Launch Checklist

Before you publish, make sure you have:
  • High-quality brand images ready
  • Shop layout planned out
  • Header with brand elements set up
  • Visual components added (banners, etc.)
  • Product sections configured
  • Promotions added (if applicable)
  • Everything previewed and tested
  • All links working correctly