---
title: "IframeApi Module"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.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/).

# IframeApi Module

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
The Iframe Api module. It provides data and methods for a product handling.
 
## Modules
  
|  Name |  Description |
| --- | --- |
 |  [Commands](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.commands.htm.md) |  The [CommandManager](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.commands.commandmanager.htm.md). |
 |  [Configuration](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.htm.md) |  The Customer's Canvas configuration. |
 |  [ObjectModel](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.htm.md) |  The object model of Customer's Canvas products. |
 |  [PostMessage](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.postmessage.htm.md) |  This module carries out the [Events](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.postmessage.events.htm.md) processing. |
 
## Classes
  
|  Name |  Description |
| --- | --- |
 |  [Editor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.htm.md) |  Represents the Design Editor. |
 |  [RuntimeConfiguration](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.runtimeconfiguration.htm.md) |  Allows you to get and set the user ID and PDF metadata of a product at runtime. |
 
## Functions
  
|  Name |  Description |
| --- | --- |
 |  [loadEditor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.loadeditor.htm.md) |  Loads the web-to-print editor. |
 |  [preload](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.preload.htm.md) |  Preloads resources of the web-to-print editor. |
 
## Variables
 
### Let editorUrl
 
editorUrl: string

URL to your Customer's Canvas instance.
  
Typically, you do not have to specify this URL explicitly. If you add `id="CcIframeApiScript"` to the script tag which links the `IframeApi.js`, Customer's Canvas automatically detects this URL from the script source. However, if for any reasons you do not want to use the id in the script tag, you can use this property to specify the URL to the Customer's Canvas instance explicitly.
 
 - example
     - ```
<script> 
    CustomersCanvas = {
        IframeApi: {
            editorUrl: "http://example.com/" 
        }
    }; 
</script> 

<script type="text/javascript" src="http://example.com/Resources/Generated/IframeApi.js">
</script>

<script>
    //....
    var editor = null;
    CustomersCanvas.IframeApi.loadEditor(iframe, productDefinition)
        .then(function(e) {
            editor = e
        });
</script>
```