diff --git a/apps/ha/custom.html b/apps/ha/custom.html
index 49f5a2eb8..095c2959c 100644
--- a/apps/ha/custom.html
+++ b/apps/ha/custom.html
@@ -4,12 +4,7 @@
   </head>
   <body>
     <h3>Upload Tigger</h3>
-    <p><textarea id="triggers" style="width:500px; height:300px">
-[
-  {"display": "Open", "trigger": "OPEN_DOOR", "icon":"door"},
-  {"display": "Office", "trigger": "TOGGLE_LIGHT", "icon":"light"},
-  {"display": "Living Room", "trigger": "OVEN", "icon":"fire"}
-]</textarea></p>
+    <p><textarea id="triggers" style="width:500px; height:300px">Load data...</textarea></p>
     <p><button id="upload" class="btn btn-primary">Upload</button></p>
 
     <script src="../../core/lib/customize.js"></script>
@@ -22,8 +17,15 @@
         try {
             Puck.eval(`require("Storage").read(${JSON.stringify("ha.trigger.json")})`,data=>{
               if(data.length > 0){
+                console.log("Load trigger from BangleJs.");
                 document.getElementById("triggers").innerHTML = data;
-                console.log("Loaded trigger from BangleJs.");
+              } else {
+                console.log("Load trigger from Template.");
+                document.getElementById("triggers").innerHTML = `[
+  {"display": "Open", "trigger": "OPEN_DOOR", "icon":"door"},
+  {"display": "Office", "trigger": "TOGGLE_LIGHT", "icon":"light"},
+  {"display": "Living Room", "trigger": "OVEN", "icon":"fire"}
+]`
               }
             });
         } catch(ex) {
