Create your first mockup
A mockup is the heart of the designer’s rendering—it lets your users design freely with more powerful features.
We’ve provided a detailed article on how to use mockups. If you’re already familiar, you can skip it and continue reading.
View Detail
Set your brand and theme color
1. Go to the POD Designer and click the Create button.
2. You can enter your brand name or upload your brand logo image.
3. After configuration, click the Save button.
Create API Store
Add new store → Create API Store.
Set POD Designer theme for your store
1. Return to your API store, navigate to POD Product Management → More → POD Settings.
2. Click the Change button.
3. Select your brand and theme.
4. Here you can change the domain of the designer's access link.
5. Save it.
Create your POD product
We provide a comprehensive product management module, allowing you to centrally manage products and distribute them to your various stores. During the publishing process, you can release products as standard products, customized products, or POD products.
1. Go to Products, navigate to the product base, and click the Add Product button.
2. Enter the product's basic information, including title, description, images, variants, and more.
3. After saving successfully, click the Push to Store Now button.
4. Switch the publishing type to POD product.
5. If you want these options to appear in the POD Designer, you need to enable the red selection to convert existing variants into POD variants.
6. After enabling the color attribute, you need to configure the color value for each color attribute.
7. After configuration, click the Done button to confirm.
8. Enable the size attribute.
9. Add a mockup for your variants. If they can all use the same mockup, you can select all variants at once and add the mockup in a single step.
A handy trick to use the same mockup for different color replacements.
Diagram Explanation
(1). When designing a mockup, add a shape to serve as the product background color. Make the designable area of your product image transparent, so the shape’s color can be freely changed. Additionally, you need to give the shape’s layer a specific name, "_color".
(2). When you publish a POD product to your store with the color attribute enabled, the color values added in the POD Designer will automatically apply to the "_color" shape layer in the mockup, enabling dynamic color changes.
10. Select a variant as the default renderer for the POD designer.
If you select one variant as the default mockup, it will be rendered by default when you access the POD Designer. After you create a design, we will use the design content of the default mockup as the standard to automatically adapt it to other mockups.
If you haven’t set any POD attributes, this step will be hidden, and you won’t need to select a default variant.
11. Add your stores, save, and publish the product to the store.
12. Enter your email address, and upon successful publication, the results will be sent via email.
13. If you haven't added many stores, this won’t take much time. After closing, return to the published list to view the results.
Preview your POD Designer
1. Return to your store and navigate to the POD products page.
2. Preview your POD designer
Integrate into your website via API
Includes APIs for integrating the designer, submitting design data, and retrieving orders. Learn more by clicking the button below.