diff --git a/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.controller.js b/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.controller.js
index fe1b0f0e7e70..3ce795b01e87 100644
--- a/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.controller.js
@@ -9,7 +9,7 @@
 (function() {
     'use strict';
 
-    function TemplatesController($scope, entityResource, contentTypeHelper, $routeParams) {
+    function TemplatesController($scope, entityResource, contentTypeHelper, templateResource, $routeParams) {
 
         /* ----------- SCOPE VARIABLES ----------- */
 
@@ -21,24 +21,53 @@
 
         /* ---------- INIT ---------- */
 
-        init();
+        init(function () {
 
-        function init() {
+            // update placeholder template information on new doc types
+            if (!$routeParams.notemplate && $scope.model.id === 0) {
+                vm.updateTemplatePlaceholder = true;
+                vm.availableTemplates = contentTypeHelper.insertTemplatePlaceholder(vm.availableTemplates);
+            }
+        });
+
+        function init(callback) {
 
             entityResource.getAll("Template").then(function(templates){
 
                 vm.availableTemplates = templates;
 
-                // update placeholder template information on new doc types
-                if (!$routeParams.notemplate && $scope.model.id === 0) {
-                  vm.updateTemplatePlaceholder = true;
-                  vm.availableTemplates = contentTypeHelper.insertTemplatePlaceholder(vm.availableTemplates);
-                }
+                callback();
 
             });
 
         }
 
+        vm.createTemplate = function () {
+            templateResource.getScaffold(-1).then(function (template) {
+
+                template.alias = $scope.model.alias;
+                template.name = $scope.model.name;
+
+                templateResource.save(template).then(function (savedTemplate) {
+
+                    init(function () {
+
+                        var newTemplate = vm.availableTemplates.filter(function (t) { return t.id === savedTemplate.id });
+                        if (newTemplate.length > 0) {
+                            $scope.model.allowedTemplates.push(newTemplate[0]);
+
+                            if ($scope.model.defaultTemplate === null) {
+                                $scope.model.defaultTemplate = newTemplate[0];
+                            }
+                        }
+
+                    });
+
+                });
+
+            });
+        }
+
     }
 
     angular.module("umbraco").controller("Umbraco.Editors.DocumentType.TemplatesController", TemplatesController);
diff --git a/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.html b/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.html
index a1385102e44d..c02bb78de7fd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.html
+++ b/src/Umbraco.Web.UI.Client/src/views/documenttypes/views/templates/templates.html
@@ -16,6 +16,11 @@ <h5><localize key="contentTypeEditor_allowedTemplatesHeading" /></h5>
                            alias="model.alias"
                            update-placeholder="vm.updateTemplatePlaceholder">
         </umb-grid-selector>
+
+        <button type="button" ng-click="vm.createTemplate()" class="btn btn-info" ng-show="model.allowedTemplates.length == 0">
+            <i class="icon icon-add"></i>
+            <localize key="shortcuts_addTemplate">Add template</localize>
+        </button>
     </div>
 
 </div>