diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 1ba7991f3..1da801e64 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -61,6 +61,9 @@ define([
 
     var imprintUrl = AppConfig.imprint && (typeof(AppConfig.imprint) === "boolean" ?
                         '/imprint.html' : AppConfig.imprint);
+
+    Pages.versionString = "CryptPad v3.18.0 (Smilodon)";
+
     Pages.infopageFooter = function () {
         return h('footer', [
             h('div.container', [
@@ -107,7 +110,7 @@ define([
                     ])*/
                 ])
             ]),
-            h('div.cp-version-footer', "CryptPad v3.18.0 (Smilodon)")
+            h('div.cp-version-footer', Pages.versionString)
         ]);
     };
 
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index ef1f13ca2..a1e5b38e2 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -2400,6 +2400,22 @@ define([
                 content: h('span', Messages.survey)
             });
         }
+        if (Pages.versionString) {
+            Messages.user_about = "About CryptPad"; // XXX
+            var aboutButton = h('span', Messages.user_about);
+            $(aboutButton).click(function () {
+                UI.alert(Pages.versionString);
+            });
+
+            options.push({
+                tag: 'a',
+                attributes: {
+                    'class': 'fa fa-info',
+                },
+                content: aboutButton,
+            });
+        }
+
         options.push({ tag: 'hr' });
         // Add login or logout button depending on the current status
         if (priv.loggedIn) {