---
title: "loadEditor Function"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.loadeditor.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/).
# loadEditor Function
**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
### Callable
- loadEditor(editorFrame: HTMLIFrameElement, product: string | string [] | [IProductDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.iproductdefinition.htm.md), config?: [IConfiguration](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.iconfiguration.htm.md), onFirstLoad?: function ) : Promise < [Editor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.htm.md) >
- Loads the web-to-print editor.
- example
- ```
Customer's Canvas Quick Start Sample Page
```
#### Parameters
- ##### editorFrame: HTMLIFrameElement
The iframe element to place the editor to.
- ##### product: string | string [] | [IProductDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.iproductdefinition.htm.md)
The product to load into the editor. You can configure the product through an [IProductDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.iproductdefinition.htm.md) instance or construct it from one or more states. For the latter option you need to pass an array of strings (or a single string) that contains product stateIds previously returned by the [Editor.finishProductDesign](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.finishproductdesign.htm.md) or [Editor.saveProduct](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.editor.saveproduct.htm.md) methods.
- ##### Optional config: [IConfiguration](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.iconfiguration.htm.md)
Editor configuration.
- ##### Optional onFirstLoad: function
*Outdated.* A function that handles the first product launch. For details, see [The Product Loading Screen](https://customerscanvas.com/docs/cc6/product-loading-screen.htm.md) topic.
- - ( ) : void
- #### Returns void
#### Returns Promise < Editor >
An instance of the web-to-print editor.