diff --git a/docs/api/window-open.md b/docs/api/window-open.md
index 19c746737a..b0cd0e2501 100644
--- a/docs/api/window-open.md
+++ b/docs/api/window-open.md
@@ -50,8 +50,16 @@ Native `window.open()` allows synchronous access to opened windows so it is conv
 The creation of the `BrowserWindow` is customizable in `WebContents`'s `new-window` event.
 
 ```javascript
+// main process
+const mainWindow = new BrowserWindow({
+  width: 800,
+  height: 600,
+  webPreferences: {
+    nativeWindowOpen: true
+  }
+})
 mainWindow.webContents.on('new-window', (event, url, frameName, disposition, options, additionalFeatures) => {
-  if (url.endsWith('modal.html')) {
+  if (frameName === 'modal') {
     // open window as modal
     event.preventDefault()
     Object.assign(options, {
@@ -65,3 +73,9 @@ mainWindow.webContents.on('new-window', (event, url, frameName, disposition, opt
   }
 })
 ```
+
+```javascript
+// renderer process (mainWindow)
+let modal = window.open('', 'modal')
+modal.document.write('<h1>Hello</h1>')
+```