diff --git a/src/frontend/js/app/nginx/certificates/renew.ejs b/src/frontend/js/app/nginx/certificates/renew.ejs
new file mode 100644
index 00000000..4af186d0
--- /dev/null
+++ b/src/frontend/js/app/nginx/certificates/renew.ejs
@@ -0,0 +1,14 @@
+<div class="modal-content">
+    <div class="modal-header">
+        <h5 class="modal-title"><%- i18n('certificates', 'renew-title') %></h5>
+    </div>
+    <div class="modal-body">
+        <div class="waiting text-center">
+            <%= i18n('str', 'please-wait') %>
+        </div>
+        <div class="alert alert-danger error" role="alert"></div>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary cancel" data-dismiss="modal" disabled><%- i18n('str', 'close') %></button>
+    </div>
+</div>
diff --git a/src/frontend/js/app/nginx/certificates/renew.js b/src/frontend/js/app/nginx/certificates/renew.js
new file mode 100644
index 00000000..73632881
--- /dev/null
+++ b/src/frontend/js/app/nginx/certificates/renew.js
@@ -0,0 +1,31 @@
+const Mn       = require('backbone.marionette');
+const App      = require('../../main');
+const template = require('./renew.ejs');
+
+module.exports = Mn.View.extend({
+    template:  template,
+    className: 'modal-dialog',
+
+    ui: {
+        waiting: '.waiting',
+        error:   '.error',
+        close:   'button.cancel'
+    },
+
+    onRender: function () {
+        this.ui.error.hide();
+
+        App.Api.Nginx.Certificates.renew(this.model.get('id'))
+            .then((result) => {
+                this.model.set(result);
+                setTimeout(() => {
+                    App.UI.closeModal();
+                }, 1000);
+            })
+            .catch((err) => {
+                this.ui.waiting.hide();
+                this.ui.error.text(err.message).show();
+                this.ui.close.prop('disabled', false);
+            });
+    }
+});