Instructions for Mockup Generator feature

You are here:
< All Topics

ūüáĽūüá≥ Click here for Vietnamese version.

I. Create a campaign on BO page

1. Select a product to design

a. After logging in, open the Products section -> click [Create Campaign]. Sellers could select one or more products at the same time

b. After selecting the product. Click [Design] -> Display screen to create campaign

2. Edit production list

a. Product list: Display the list of selected product line

  • Click x for each corresponding product line: delete product line in the list
  • Click [Add more product]: add product line into the list -> Display the list of product line, the selected product lines (with check mark) allow seller to uncheck or keep

b. Product line detail (Normal mode): Click on a product in the Product list, expand the product line details, allow to set the corresponding information.

РColor: By default, the first color in the product line’s color palette is preselected.

    • Click the + icon: Seller could tick or uncheck the color of that product line
    • Click¬†Light:¬†The system automatically selects the corresponding Light colors of the product line
    • Click¬†Dark:¬†The system automatically selects the corresponding Dark colors of the product line
    • Click¬†Select All:¬†The system automatically selects all the colors of the product line
    • Click¬†Deselect All:¬†The system automatically removes all ticks

РSize: Display sizes of product line

  • Seller could choose the sizes in the campaign, always choose the first size by default

Select Product Price: Display suggested price: min base-cost price + 17.99 – entry price = variant price with the lowest base-cost of the selected variants

Advanced: Display the Advance pricing by variants popup

    • Set the price value for all variants: Select¬†‚ÄėChange to‚Äô, Enter a valid price, click [Done] -> save the Price for variants, the Price field in the Product list is also reset
    • Set the price value for each variant: Enter a valid price for each variant, click [Done] -> save the Price for the variants, the Price field in the Product list is also reset
    • Filter by the attribute of product line:

+ Each filter allows to select multiple values

+ The result is a combination of values in the filters

+ Click OK: Perform filtering

+ Click Clear: Uncheck all, Do not filter (display all results corresponding to that filter)

c. Product line detail (Bp mode)

Click on a product in the Product list, expand the product line details, allow to set the corresponding information

    • Color, Size:¬†similar to Normal mode
    • Select Product Line:¬†Display suggested price: min base-cost price + 17.99
    • Profit/sale:¬†Display Profit/sale = (retail price – base cost) * 93%, if the base cost is different, display the smallest value

    • Advanced:¬†Display Advance pricing by variants popup

Enter the value of Price > base cost (allowing to enter 2 digits after the decimal point)

3. Design & Preview

a. Upload artwork for each product

    • Allow uploading artwork for each side FRONT/BACK/SLEEVE/HOOD (Depending on the product, the seller could upload artwork for 1 side/ 2 sides/ 3 sides/ 4 sides)
    • Background: Select artwork background for each product line (all product lines have the same background)
    • Allow to align artwork images (vertical center, horizontal center, left align, right alight, top, bottom, fill image, restore, delete, rotate left, rotate right)
    • Allow resize directly on the artwork and display the corresponding DPI:
      • DPI is not satisfied: displayed in the red
      • DPI is satisfied: display in the green

b. Preview

After uploading artwork for the sides of the product, click Preview: the screen displays the mockup image of the product.

    • For the 1 side product: preview shows 1 side
    • For multiple- color- product: preview shows the corresponding colors selected (front, back side)
    • With the product, you could choose the background color for the artwork

4. Campaign

a. Campaign design

    • Enter the title for the campaign
    • Click¬†‚ÄúAdd more campaign‚ÄĚ to create many new campaigns with the selected product list

b. Campaign details

On the campaign creation screen, click the Campaign details tab

    • Description: Enter a description for the created campaign
    • Collections: Click the dropdown list -> select collections for the campaign being created
    • Tags: add tags
    • Displays: Select display/hide with the campaign being created
    • Facebook Pixel ID: Enter the value for Facebook pixel ID for the campaign being created

5. Publish

a. Normal mode

After completing the steps in sections 1,2,3,4, click¬†‚ÄėPublish‚Äô to create a campaign -> Display the uploading campaign

Upload successfully, display completed, display image variants of the campaign, seller could click¬†‚ÄėView All Products‚Äô to view the details of created campaign

b. BP mode

After completing the steps in sections 1,2,3,4, click ‚ÄėPublish‚Äô¬†to create a successful campaign.

Click¬†‚ÄėView All Products‚Äô¬†to enter the product management screen, the campaigns after creation will be draft, Visibility select¬†‚ÄėInactive‚Äô¬†to display the campaign (draft)

From the draft detail version > Click Submit for review > Display confirm popup . Click Yes -> Successfully created pending product

Products with pending status will be submitted to the Manager and admin for review

II. Edit/delete campaign

1. Normal mode

a. Edit campaign

Log in to the system, go to the Products menu, search for a campaign ‚Üí click on campaign details ‚Üí display the screen that allows editing the campaign.

– The information can be edited: (after editing, click ‘Save product’ to save the modified information for the campaign)

    • Title: campaign name
    • Description : description of the campaign
    • Collections : seller can add/remove collection for campaign
    • Tags: seller can add/remove tags for campaign
    • Display: display information of the campaign
    • ¬†Facebook Pixel ID : display information of created campaign, seller can change
    • ¬†Product gallery: seller can upload photos for the campaign
    • ¬†Artworks: seller can change the artwork for each product line in the campaign
    • Fix price for each variant
    • Set default for variant campaign by clicking variant, click¬†‘Action’¬†click¬†Mark as default

– Information that cannot be edited:

    • Variants: Seller cannot add/remove variants

b. Delete campaign

– Log into the system, go to the Products menu, search for a campaign (draft -> click campaign details -> display a screen that allows editing campaigns, click ‚ÄėDelete product‚Äô¬†to delete the campaign

III. Display campaign on ST

Display products on Storefront after successful campaign (Normal mode) and approved products

IV. Replace Artwork

1. Replace artwork from Product campaign menu

a. Normal mode

  • Edit artwork: Log in to the system, go to the Products menu, search for a campaign, click on campaign details, click Upload each artwork for each product in the campaign ‚Üí Click¬†‘Change for product’
  • Delete artwork: Log in to the system, go to the Products menu, search for a campaign, click campaign details, delete artwork for each product in the campaign ‚Üí Click¬†‘Delete’

(*) Note:

  • New artwork applies to subsequent orders containing this product and orders that are not fulfill
  • Orders that are fulfilled and orders with order artwork (not yet fulfilled) will not be affected
  • Deletion of product artwork will be applied to subsequent orders containing this product and orders that have not been filled

b. Bp mode

Changing artwork in Product menu in BP mode is similar to Normal mode, but after uploading artwork/deleting artwork, you must click¬†‚ÄėSubmit for review‚Äô¬†for admin to review

2. Replace artwork in order detail

  • Edit artwork: Log into the system> Menu order> Order detail> Upload campaign artwork at order -> new artwork applies to that order (order is not fulfilled)

  • Delete artwork: Log into the system > Menu order > Order detail> Delete campaign artwork at order -> ¬†artwork will be deleted only at that order without affecting other orders containing this product.

(*) Note: If you want to change artwork at fulfilled order, please contact Support.

Table of Contents