diff --git a/src/views/domains.html b/src/views/domains.html
index f06a90adb..bcd5b8059 100644
--- a/src/views/domains.html
+++ b/src/views/domains.html
@@ -84,6 +84,16 @@
               <input type="text" class="form-control" ng-model="domainConfigure.nameComToken" name="nameComToken" ng-disabled="domainConfigure.busy" ng-minlength="1" ng-required="domainConfigure.provider === 'namecom'">
             </div>
 
+            <!-- Namecheap -->
+            <div class="form-group" ng-class="{ 'has-error': false }" ng-show="domainConfigure.provider === 'namecheap'">
+              <label class="control-label">Namecheap Username</label>
+              <input type="text" class="form-control" ng-model="domainConfigure.namecheapUsername" name="namecheapUsername" ng-disabled="domainConfigure.busy" ng-required="domainConfigure.provider === 'namecheap'">
+            </div>
+            <div class="form-group" ng-class="{ 'has-error': false }" ng-show="domainConfigure.provider === 'namecheap'">
+              <label class="control-label">API Key <sup><a href="https://ap.www.namecheap.com/settings/tools/apiaccess/" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
+              <input type="text" class="form-control" ng-model="domainConfigure.namecheapApiKey" name="namecheapApiKey" ng-disabled="domainConfigure.busy" ng-minlength="1" ng-required="domainConfigure.provider === 'namecheap'">
+            </div>
+
             <p class="small text-info" ng-show="domainConfigure.provider === 'wildcard'">
                 Setup <i>A</i> records for <b>*.{{ domainConfigure.newDomain || domainConfigure.domain.domain }}</b> and <b>{{ domainConfigure.newDomain || domainConfigure.domain.domain }}</b> to this server's IP.
             </p>
diff --git a/src/views/domains.js b/src/views/domains.js
index dd61bfa60..85fa37d75 100644
--- a/src/views/domains.js
+++ b/src/views/domains.js
@@ -28,6 +28,7 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
         { name: 'GoDaddy', value: 'godaddy' },
         { name: 'Google Cloud DNS', value: 'gcdns' },
         { name: 'Name.com', value: 'namecom' },
+        { name: 'Namecheap', value: 'namecheap' },
         { name: 'Wildcard', value: 'wildcard' },
         { name: 'Manual (not recommended)', value: 'manual' },
         { name: 'No-op (only for development)', value: 'noop' }
@@ -41,6 +42,7 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
         case 'digitalocean': return 'Digital Ocean';
         case 'gandi': return 'Gandi LiveDNS';
         case 'namecom': return 'Name.com';
+        case 'namecheap': return 'Namecheap';
         case 'gcdns': return 'Google Cloud';
         case 'godaddy': return 'GoDaddy';
         case 'manual': return 'Manual';
@@ -122,6 +124,8 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
         cloudflareEmail: '',
         nameComToken: '',
         nameComUsername: '',
+        namecheapUsername: '',
+        namecheapApiKey: '',
         provider: 'route53',
         zoneName: '',
         hyphenatedSubdomains: false,
@@ -175,6 +179,9 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
                 $scope.domainConfigure.nameComToken = domain.provider === 'namecom' ? domain.config.token : '';
                 $scope.domainConfigure.nameComUsername = domain.provider === 'namecom' ? domain.config.username : '';
 
+                $scope.domainConfigure.namecheapApiKey = domain.provider === 'namecheap' ? domain.config.apiKey : '';
+                $scope.domainConfigure.namecheapUsername = domain.provider === 'namecheap' ? domain.config.username : '';
+
                 $scope.domainConfigure.provider = domain.provider;
 
                 $scope.domainConfigure.tlsConfig.provider = domain.tlsConfig.provider;
@@ -232,6 +239,9 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
             } else if (provider === 'namecom') {
                 data.token = $scope.domainConfigure.nameComToken;
                 data.username = $scope.domainConfigure.nameComUsername;
+            } else if (provider === 'namecheap') {
+                data.apiKey = $scope.domainConfigure.namecheapApiKey;
+                data.username = $scope.domainConfigure.namecheapUsername;
             }
 
             data.hyphenatedSubdomains = $scope.domainConfigure.hyphenatedSubdomains;
@@ -293,6 +303,8 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
             $scope.domainConfigure.cloudflareEmail = '';
             $scope.domainConfigure.nameComToken = '';
             $scope.domainConfigure.nameComUsername = '';
+            $scope.domainConfigure.namecheapApiKey = '';
+            $scope.domainConfigure.namecheapUsername = '';
 
             $scope.domainConfigure.tlsConfig.provider = 'letsencrypt-prod';
             $scope.domainConfigure.zoneName = '';