---
title: "IMockupTemplate Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.imockuptemplate.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["6.15.0", "6.x (may differ)"]
---

**You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/).

# IMockupTemplate Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure holding settings to create overlaying and background mockups from PSD templates or raster images. For details, see the [Mockups](https://customerscanvas.com/docs/cc6/mockups.htm.md) topic.
  
 - example
     - ```
CustomersCanvas.IframeApi.loadEditor(
    iframe,
    {
        surfaces: [{
            mockup: {
                up: "stamp",
                down: "envelope"
            },
            previewMockups: [{ down: "envelope" }],
            printAreas: [{
                designFile: "envelopeDesign"
            }]
        }]
    }
);
```
 
## Properties
 
### Optional down
 
down: string

A background mockup: the mockup lays below the design template. This property represents a file name without an extension.
 
### Optional name
 
name: string

Inherited from [IModelComponent](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.imodelcomponent.htm.md).[name](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.imodelcomponent.htm.md)

A name of a surface (a page) in the product.
 
### Optional up
 
up: string

An overlaying mockup: the mockup lays above the design template. This property represents a file name without an extension.