diff --git a/src/dom_components/index.js b/src/dom_components/index.js
index d331159d8..6f31405d1 100644
--- a/src/dom_components/index.js
+++ b/src/dom_components/index.js
@@ -113,6 +113,11 @@ module.exports = () => {
       model: require('./model/ComponentText'),
       view: require('./view/ComponentTextView')
     },
+    {
+      id: 'wrapper',
+      model: require('./model/ComponentWrapper'),
+      view: ComponentView
+    },
     {
       id: 'default',
       model: Component,
@@ -201,6 +206,7 @@ module.exports = () => {
       let wrapper = { ...c.wrapper };
       wrapper['custom-name'] = c.wrapperName;
       wrapper.wrapper = 1;
+      wrapper.type = 'wrapper';
 
       // Components might be a wrapper
       if (
diff --git a/src/dom_components/model/ComponentWrapper.js b/src/dom_components/model/ComponentWrapper.js
new file mode 100644
index 000000000..2d5b961a5
--- /dev/null
+++ b/src/dom_components/model/ComponentWrapper.js
@@ -0,0 +1,11 @@
+// We need this one just to identify better the wrapper type
+import Component from './Component';
+
+module.exports = Component.extend(
+  {},
+  {
+    isComponent() {
+      return false;
+    }
+  }
+);