diff --git a/src/views/backups.html b/src/views/backups.html
index c79ab177a..215efda96 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -234,26 +234,29 @@
       </div>
     </div>
 
-    <div class="row">
-      <br/>
+    <br/>
+
+    <div class="row" ng-show="createBackup.busy">
       <div class="col-md-12" style="margin-bottom: 10px;">
-        <div ng-show="createBackup.busy" class="progress progress-striped active animateMe">
+        <div class="progress progress-striped active animateMe">
           <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ createBackup.percent }}%"></div>
         </div>
+        <p>{{ createBackup.message }}</p>
+      </div>
+    </div>
+
+    <div class="row" ng-show="!createBackup.busy && !createBackup.active && createBackup.errorMessage">
+      <div class="col-md-12">
+        <p class="has-error">{{ createBackup.errorMessage }}</p>
       </div>
     </div>
 
     <div class="row">
-      <div class="col-md-8">
-        <p ng-show="createBackup.busy">{{ createBackup.message }}</p>
-        <p ng-hide="createBackup.busy">
-          <div class="has-error" ng-show="!createBackup.active">{{ createBackup.errorMessage }}</div>
-        </p>
-      </div>
-      <div class="col-md-4 text-right">
+      <div class="col-md-12 text-right">
         <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureBackup.show()" ng-disabled="createBackup.busy">Configure</button>
         <button class="btn btn-outline btn-primary" ng-click="createBackup.startBackup()" ng-show="!createBackup.busy" style="margin-right: 10px">Backup now</button>
         <button class="btn btn-outline btn-danger" ng-click="createBackup.stopBackup()" ng-show="createBackup.busy" style="margin-right: 10px">Stop Backup</button>
+        <button class="btn btn-outline btn-primary" ng-click="downloadConfig()" style="margin-right: 10px">Download Configuration</button>
       </div>
     </div>
   </div>
diff --git a/src/views/backups.js b/src/views/backups.js
index f5516a69d..849994c35 100644
--- a/src/views/backups.js
+++ b/src/views/backups.js
@@ -200,6 +200,25 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
             || provider === 'linode-objectstorage';
     };
 
+    // https://stackoverflow.com/questions/3665115/how-to-create-a-file-in-memory-for-user-to-download-but-not-through-server#18197341
+    function download(filename, text) {
+        var element = document.createElement('a');
+        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
+        element.setAttribute('download', filename);
+
+        element.style.display = 'none';
+        document.body.appendChild(element);
+
+        element.click();
+
+        document.body.removeChild(element);
+    }
+
+    $scope.downloadConfig = function () {
+        // secrets and tokens already come with placeholder characters
+        download('cloudron_backup.json', JSON.stringify($scope.backupConfig));
+    };
+
     $scope.configureBackup = {
         busy: false,
         error: {},