> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://customix.crisp.help/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).

# Product Mockups

Mockup assets are used to show how your personalized design will look in a real-world product context, such as a framed poster on a wall, a phone case on a table, or a mug on a desk. This helps your customers visualize their final product and boosts conversions by showcasing it in a polished, professional setting.

# Uploading Mockup Files
You can upload mockups in two ways:
* **Upload files**: Add individual mockup images manually.
* **Upload zip**: Bulk upload a collection of mockup images in one go.

![Uploading mockup file](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_8nikrq.png)
# Organizing Mockups
Once uploaded, you can organize your mockup files into folders. Right-click the folder or use the "..." menu to:
* Edit the folder name and thumbnail
* Move to another folder
* Delete (only if the mockup is not being used in any template)

![Edit, move or delete a mockup file](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_1fv1huh.png)
# Using Mockups in Templates
To use a mockup in a design:
1. Go to the **Templates** section.
2. Click on the **Preview** tab.
3. Under the **General** section, in **Mockup** tab click **Change**.
4. Choose the appropriate mockup folder and image.
5. Save your changes.
The selected mockup will now be shown as the live preview on your storefront. This makes it easier for customers to understand what their customized product will actually look like.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/c/1/b3c1fc6f21f6e800/image_in34o7.png)