diff --git a/src/js/client.js b/src/js/client.js
index 04a8c35b3..735798354 100644
--- a/src/js/client.js
+++ b/src/js/client.js
@@ -401,6 +401,7 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
 
         // => This is just for easier testing
         // this._config.features.userMaxCount = 5;
+        // this._config.features.domainMaxCount = 1;
         // this._config.features.externalLdap = false;
         // this._config.features.privateDockerRegistry = false;
         // this._config.features.branding = true;
diff --git a/src/views/domains.html b/src/views/domains.html
index 26c730eec..fae5547b9 100644
--- a/src/views/domains.html
+++ b/src/views/domains.html
@@ -1,3 +1,21 @@
+<!-- Modal subscription -->
+<div class="modal fade" id="subscriptionRequiredModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">Paid subscription required</h4>
+      </div>
+      <div class="modal-body">
+        <p>To add more domains, a paid subscription is required.</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-success pull-left" ng-click="openSubscriptionSetup()">Setup Subscription</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- modal domain add/configure -->
 <div class="modal fade" id="domainConfigureModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -222,7 +240,7 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>Domains <button class="btn btn-primary btn-outline pull-right" ng-click="domainConfigure.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
+    <h1>Domains <button class="btn btn-primary btn-outline pull-right" ng-click="domainAdd.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
   </div>
 
   <div class="card card-large">
diff --git a/src/views/domains.js b/src/views/domains.js
index e34d201bb..7d2faa627 100644
--- a/src/views/domains.js
+++ b/src/views/domains.js
@@ -11,6 +11,10 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
     $scope.domains = [];
     $scope.ready = false;
 
+    $scope.openSubscriptionSetup = function () {
+        Client.openSubscriptionSetup($scope.$parent.subscription);
+    };
+
     // currently, validation of wildcard with various provider is done server side
     $scope.tlsProvider = [
         { name: 'Let\'s Encrypt Prod', value: 'letsencrypt-prod' },
@@ -101,6 +105,17 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
         });
     }
 
+    $scope.domainAdd = {
+        show: function () {
+            if ($scope.config.features.domainMaxCount && $scope.config.features.domainMaxCount <= $scope.domains.length) {
+                $('#subscriptionRequiredModal').modal('show');
+                return;
+            }
+
+            $scope.domainConfigure.show();
+        }
+    };
+
     // We reused configure also for adding domains to avoid much code duplication
     $scope.domainConfigure = {
         adding: false,