diff --git a/webadmin/src/js/restore.js b/webadmin/src/js/restore.js
index 5fe2fe541..2f2942c09 100644
--- a/webadmin/src/js/restore.js
+++ b/webadmin/src/js/restore.js
@@ -21,6 +21,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
     $scope.prefix = '';
     $scope.accessKeyId = '';
     $scope.secretAccessKey = '';
+    $scope.gcsKey = { keyFileName: '', content: '' };
     $scope.region = '';
     $scope.endpoint = '';
     $scope.backupFolder = '';
@@ -57,6 +58,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
         { name: 'DigitalOcean Spaces', value: 'digitalocean-spaces' },
         { name: 'Exoscale SOS', value: 'exoscale-sos' },
         { name: 'Filesystem', value: 'filesystem' },
+        { name: 'Google Cloud Storage', value: 'gcs' },
         { name: 'Minio', value: 'minio' },
         { name: 'S3 API Compatible (v4)', value: 's3-v4-compat' },
     ];
@@ -101,6 +103,26 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
             } else if (backupConfig.provider === 'digitalocean-spaces') {
                 backupConfig.region = 'us-east-1';
             }
+        } else if (backupConfig.provider === 'gcs') {
+            backupConfig.bucket = $scope.bucket;
+            backupConfig.prefix = $scope.prefix;
+            try {
+                var serviceAccountKey = JSON.parse($scope.gcsKey.content);
+                backupConfig.projectId = serviceAccountKey.project_id;
+                backupConfig.credentials = {
+                    client_email: serviceAccountKey.client_email,
+                    private_key: serviceAccountKey.private_key
+                };
+
+                if (!backupConfig.projectId || !backupConfig.credentials || !backupConfig.credentials.client_email || !backupConfig.credentials.private_key) {
+                    throw 'fields_missing';
+                }
+            } catch (e) {
+                $scope.error.generic = 'Cannot parse Google Service Account Key: ' + e.message;
+                $scope.error.gcsKeyInput = true;
+                $scope.busy = false;
+                return;
+            }
         } else if (backupConfig.provider === 'filesystem') {
             backupConfig.backupFolder = $scope.backupFolder;
         }
@@ -165,6 +187,24 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
         });
     }
 
+    function readFileLocally(obj, file, fileName) {
+        return function (event) {
+            $scope.$apply(function () {
+                obj[file] = null;
+                obj[fileName] = event.target.files[0].name;
+
+                var reader = new FileReader();
+                reader.onload = function (result) {
+                    if (!result.target || !result.target.result) return console.error('Unable to read local file');
+                    obj[file] = result.target.result;
+                };
+                reader.readAsText(event.target.files[0]);
+            });
+        };
+    }
+
+    document.getElementById('gcsKeyFileInput').onchange = readFileLocally($scope.gcsKey, 'content', 'keyFileName');
+
     Client.getStatus(function (error, status) {
         if (error) {
             window.location.href = '/error.html';
diff --git a/webadmin/src/restore.html b/webadmin/src/restore.html
index 2d64b0ae4..b79187b09 100644
--- a/webadmin/src/restore.html
+++ b/webadmin/src/restore.html
@@ -87,7 +87,7 @@
                                     </label>
                                 </div>
 
-                                <div class="form-group" ng-class="{ 'has-error': error.bucket }" ng-show="s3like(provider)">
+                                <div class="form-group" ng-class="{ 'has-error': error.bucket }" ng-show="s3like(provider) || provider === 'gcs'">
                                     <label class="control-label" for="inputConfigureBackupBucket">Bucket name</label>
                                     <input type="text" class="form-control" ng-model="bucket" id="inputConfigureBackupBucket" name="bucket" ng-disabled="busy" ng-required="s3like(provider)">
                                 </div>
@@ -117,6 +117,18 @@
                                     <input type="text" class="form-control" ng-model="secretAccessKey" id="inputConfigureBackupSecretAccessKey" name="secretAccessKey" ng-disabled="busy" ng-required="s3like(provider)">
                                 </div>
 
+                                <div class="form-group" ng-class="{ 'has-error': error.gcsKeyInput }" ng-show="provider === 'gcs'">
+                                    <label class="control-label" for="gcsKeyInput">Service Account Key</label>
+
+                                    <div class="input-group">
+                                        <input type="file" id="gcsKeyFileInput" style="display:none"/>
+                                        <input type="text" class="form-control" placeholder="Service Account Key" ng-model="gcsKey.keyFileName" id="gcsKeyInput" name="cert" onclick="getElementById('gcsKeyFileInput').click();" style="cursor: pointer;" ng-disabled="busy" required>
+                                        <span class="input-group-addon">
+                                      <i class="fa fa-upload" onclick="getElementById('gcsKeyFileInput').click();"></i>
+                                    </span>
+                                    </div>
+                                </div>
+
                                 <div class="form-group" ng-show="provider !== 'noop'">
                                     <label class="control-label" for="storageFormat">Storage Format</label>
                                     <select class="form-control" id="storageFormat" ng-change="key = ''" ng-model="format" ng-options="a.value as a.name for a in formats"></select>
diff --git a/webadmin/src/views/settings.js b/webadmin/src/views/settings.js
index d915a62b6..0d88ebe2e 100644
--- a/webadmin/src/views/settings.js
+++ b/webadmin/src/views/settings.js
@@ -430,7 +430,7 @@ angular.module('Application').controller('SettingsController', ['$scope', '$loca
                 } else if (backupConfig.provider === 'digitalocean-spaces') {
                     backupConfig.region = 'us-east-1';
                 }
-            } else if (backupConfig.provider === 'gcs'){
+            } else if (backupConfig.provider === 'gcs') {
                 backupConfig.bucket = $scope.configureBackup.bucket;
                 backupConfig.prefix = $scope.configureBackup.prefix;
                 try {
@@ -446,6 +446,7 @@ angular.module('Application').controller('SettingsController', ['$scope', '$loca
                     }
                 } catch (e) {
                     $scope.configureBackup.error.generic = 'Cannot parse Google Service Account Key: ' + e.message;
+                    $scope.configureBackup.error.gcsKeyInput = true;
                     $scope.configureBackup.busy = false;
                     return;
                 }