> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.customall.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Upload/ Duplicate/ Delete Mockup in Product Base

# Overview

A product mockup provides a prototype image, enabling customers to preview both the product and its design. These mockups within the Product Base will later be employed in Campaigns to display artwork on the product.

# Upload mockup

* Click **Edit** Product base you want to configure mockup

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_u1bd0p.png)
* Click the add new mockup icon

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_bjiciq.png)
* Upload or drag/drop or select an existing image that you will use as a mockup

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_14tqksz.png)

|| Mockup images should be in .PNG or .JPG/.JPEG format.
|| This mockup is an image displayed on the product page, similar to a website banner. Therefore, Customall recommends using a maximum width or height of 1200px for your mockup image.
|| Unlimited number of mockup images.
|| Drag-and-drop the Mockup Images, to change its position.

* You can drag-and-drop the Mockup Images, to change its position.

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_18gsayr.png)

# Edit mockup

Click on the pencil icon to edit the mockup. For detailed instruction about this section, read these articles: [Printareas in Edit Mockup](https://support.customall.io/en/article/printareas-in-edit-mockup-within-product-base-q67qoc/) and [Settings in Edit Mockup](https://support.customall.io/en/article/settings-in-edit-mockup-within-product-base-127ecar/)

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_5yvwki.png)

# Duplicate mockup

* Click on the duplicate icon
* Confirm duplicate mockup: the system will create a new mockup with the same attributes and settings as the original one as soon as you tick **Yes**. Tick **Cancel** if you want to cancel

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_1dq0cjs.png)

# Delete mockup

* Click on the delete icon
* Confirm delete mockup: the system will remove the mockup as soon as you tick **Yes**, tick **Cancel** if you want to cancel
![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_1yee1y8.png)