---
title: "IUserInfo Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.iuserinfo.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/).

# IUserInfo Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure containing user data for populating products. For details, see the [Working with User Data](https://customerscanvas.com/docs/cc6/working-with-user-data.htm.md) topic.
  
 - example
     - ```
// Define your user data.
var data = {
    // These text elements apply to the entire product.
    "Name": "Alex Smith",
    "Position": "Manager",
    // This barcode applies to the entire product.
    "ID": {
        "BarcodeFormat": "EAN_8",
        "BarcodeValue": "1234567"
    },
    // This user data applies to single product pages.
    "surfaces": {
        // The content of the "Name" and "Phone" fields applied to the "surface_0" page.
        "surface_0": {
            "Name": "Christopher Bennett",
            "Phone": "18005551255"
        }
    }
};

// Load the web-to-print editor.
var editor = null;
CustomersCanvas.IframeApi.loadEditor(iframe, product, configuration)
    .then(function (e) {
        editor = e;
    });
...
// Populate the product with your user data.
editor.loadUserInfo(data);
```
 
### Indexable
 
[key: string ]:  string  |  [IBarcodeData](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.ibarcodedata.htm.md)  |  [ISurfaceUserInfo](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.isurfaceuserinfo.htm.md)
   
A dictionary holding the content of design elements. The key is a design element name. The value is a text or barcode date you want to assign to this element. You can also use the **surfaces** object to set values on specific product pages.