diff --git a/frontend/comments.ejs b/frontend/comments.ejs
index caba10fc..fc713cd4 100644
--- a/frontend/comments.ejs
+++ b/frontend/comments.ejs
@@ -68,7 +68,7 @@
 
         var remark_config = {
           site_id: query.site_id,
-          host: window.location.origin,
+          host: '<%= REMARK_URL %>' || window.location.origin,
           url: query.url
         };
 
diff --git a/frontend/counter.ejs b/frontend/counter.ejs
index b0f63920..8e51ca10 100644
--- a/frontend/counter.ejs
+++ b/frontend/counter.ejs
@@ -39,7 +39,7 @@
   <script>
     var remark_config = {
       site_id: 'remark',
-      host: window.location.origin,
+      host: '<%= REMARK_URL %>' || window.location.origin,
       url: 'https://remark42.com/demo/',
       components: ['counter']
     };
diff --git a/frontend/index.ejs b/frontend/index.ejs
index 0ceb2e06..c6864bd5 100644
--- a/frontend/index.ejs
+++ b/frontend/index.ejs
@@ -123,7 +123,7 @@
 
       var remark_config = {
         site_id: 'remark',
-        host: window.location.origin,
+        host: '<%= REMARK_URL %>' || window.location.origin,
         url: 'https://remark42.com/demo/',
         components: ['embed', 'counter'],
         // __colors__: {
diff --git a/frontend/last-comments.ejs b/frontend/last-comments.ejs
index 061f0c6f..5dff9762 100644
--- a/frontend/last-comments.ejs
+++ b/frontend/last-comments.ejs
@@ -25,7 +25,7 @@
     <script>
       var remark_config = {
         site_id: 'remark',
-        host: window.location.origin,
+        host: '<%= REMARK_URL %>' || window.location.origin,
         components: ['last-comments']
       };
 
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 6f4d92f0..1a16f8a7 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -180,21 +180,33 @@ module.exports = () => ({
     new Html({
       template: path.resolve(__dirname, 'index.ejs'),
       inject: false,
+      templateParameters: {
+        REMARK_URL: remarkUrl,
+      },
     }),
     new Html({
       template: path.resolve(__dirname, 'counter.ejs'),
       filename: 'counter.html',
       inject: false,
+      templateParameters: {
+        REMARK_URL: remarkUrl,
+      },
     }),
     new Html({
       template: path.resolve(__dirname, 'last-comments.ejs'),
       filename: 'last-comments.html',
       inject: false,
+      templateParameters: {
+        REMARK_URL: remarkUrl,
+      },
     }),
     new Html({
       template: path.resolve(__dirname, 'comments.ejs'),
       filename: 'comments.html',
       inject: false,
+      templateParameters: {
+        REMARK_URL: remarkUrl,
+      },
     }),
     new MiniCssExtractPlugin({
       filename: '[name].css',