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


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)
- Navigate to Shop Design
- Go to Seller Center →Marketing → Shop Page → Shop Design Page

- Choose Auto-Generate
- Click "Try now" under Auto-generate design
- TikTok automatically creates a simple layout with header image and product modules
- 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)

- Access the Design Editor
- Go to Seller Center → Shop Page → Shop Design Page
- Click "Duplicate to edit"/"Edit Store"
- 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)

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 ImpressionBest For | Key Features | |
| Header | Brand identity | Logo, banner, colors & fonts |
| Single Image | Hero banners (One powerful image (800px+, max 5MB)) | ![]() |
| Carousel | Product showcases (0-5 images with individual links) | |
| Multi-Click Image | Interactive displays (1-10 images clickable hotspots) | |
| Multi-Image | Collections, 2-4 images in grid (800×800px each) |
🛍️ Products
- Drive Sales & DiscoveryComponent | How It Works | Best Use Case | Visual |
| Featured Products | You choose up to 30 products | Highlight bestsellers or new items | ![]() |
| By Category | Auto-shows 1-3 from selected category | Keep content fresh automatically | |
| Collections | Themed groups with custom image | "Summer Sale," "Gift Sets," etc. | |
| Smart Components | Auto-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 Review | Check design & links | Use preview function |
| 2. Submit | TikTok reviews for compliance | Click "Publish" |
| 3. Approval | Auto-live if approved | Wait for email confirmation |
📁 Version Management Dashboard
Version Type | Status | What You Can Do |
| Online | Live shop | Replace with default |
| Under Review | Being reviewed | Wait for approval |
| Change Needed | Rejected | Edit, republish, or delete |
| Default Home | Template | Use as backup |
🔧 If Your Design Gets Rejected
Don't panic! Follow this quick fix process:- 📧 Check email → Get specific reasons
- 🔔 Review notifications → See dashboard alerts
- 🏷️ Find "Change Needed" tag → Locate your draft
- 🛠️ Use workbench guidance → Follow fix suggestions
- 🔄 Resubmit → Publish again
💡 Success Tips & Best Practices
✅ Do This
| ❌ Avoid This
|
🗓️ Seasonal Content Ideas
Season | Collection Ideas |
| Spring | Fresh Arrivals, Easter Specials |
| Summer | Beach Ready, Vacation Essentials |
| Fall | Back to School, Cozy Autumn |
| Winter | Holiday 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

