---
title: "Function: loadEditor() | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/functions/IframeApi.loadEditor/"
---
# Function: loadEditor()
> > **loadEditor**(`editorFrame`, `product`, `config?`, `onFirstLoad?`): [`Promise`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/finally.Promise.md)\<[`Editor`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/Editor.Editor.md)\>
Loads the web-to-print editor.
## Parameters
### editorFrame
`HTMLIFrameElement`
The iframe element to place the editor to.
### product
`string` \| `string`[] \| [`IProductDefinition`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ObjectModel.IProductDefinition.md)
The product to load into the editor.
### config?
[`IConfiguration`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/ConfigurationInterfaces.IConfiguration.md)
Editor configuration.
### onFirstLoad?
() => `void`
Outdated. A function that handles the first product launch. For details, see [Preloader https://customerscanvas.com/dev/editors/iframe-api/customization/preloader.html\|Preloader](https://customerscanvas.com/dev/editors/iframe-api/customization/preloader.html) topic.
## Returns
[`Promise`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/finally.Promise.md)\<[`Editor`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/Editor.Editor.md)\>
An instance of the web-to-print editor.
## Example
``` html
Customer's Canvas Quick Start Sample Page
```