diff --git a/src/pages/model/Page.js b/src/pages/model/Page.js
index 76b7b7f82..74d8b1917 100644
--- a/src/pages/model/Page.js
+++ b/src/pages/model/Page.js
@@ -24,8 +24,9 @@ export default class Page extends Model {
     const frames = new Frames(frms, config);
     frames.page = this;
     this.set('frames', frames);
-    const um = em && em.get('UndoManager');
-    um && um.add(frames);
+    !this.getId() && this.set('id', em?.get('PageManager')._createId());
+    const um = em?.get('UndoManager');
+    um?.add(frames);
   }
 
   onRemove() {