diff --git a/src/translation/en.json b/src/translation/en.json
index b4f3a7eb8..9d69fd8e4 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -1,6 +1,14 @@
 {
     "apps": {
-        "title": "My Apps"
+        "title": "My Apps",
+        "noApps": {
+            "title": "No apps installed yet!",
+            "description": "How about installing some? Check out the <a href=\"{{ appStoreLink }}\">App Store</a>"
+        },
+        "noAccess": {
+            "title": "You don't have access to any apps yet!",
+            "description": "Once you do, they will show up here."
+        }
     },
     "main": {
         "offline": "Cloudron is offline. Reconnecting…",
diff --git a/src/views/apps.html b/src/views/apps.html
index 6c46c36d1..6facc203c 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -84,21 +84,21 @@
     <div style="font-size: 1px;">&nbsp;</div>
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length === 0 && user.isAtLeastAdmin">
-        <div class="col-md-12" style="text-align: center;">
-            <br/><br/><br/><br/>
-            <h1><i class="fa fa-cloud-download fa-fw"></i> No apps installed yet!</h1>
-            <br/></br>
-            <h3>How about installing some? Check out the <a href="#/appstore">App Store</a></h3>
-        </div>
+      <div class="col-md-12" style="text-align: center;">
+        <br/><br/><br/><br/>
+        <h1><i class="fa fa-cloud-download fa-fw"></i> {{ 'apps.noApps.title' | tr }}</h1>
+        <br/></br>
+        <h3 ng-bind-html="'apps.noApps.description' | tr:{ appStoreLink: '#/appstore' }"></h3>
+      </div>
     </div>
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length === 0 && !user.isAtLeastAdmin">
-        <div class="col-md-12" style="text-align: center;">
-            <br/><br/><br/><br/>
-            <h1>You don't have access to any apps yet!</h1>
-            <br/></br>
-            <h3>Once you do, they will show up here.</h3>
-        </div>
+      <div class="col-md-12" style="text-align: center;">
+        <br/><br/><br/><br/>
+        <h1>{{ 'apps.noAccess.title' | tr }}</h1>
+        <br/></br>
+        <h3>{{ 'apps.noAccess.description' | tr }}</h3>
+      </div>
     </div>
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">