diff --git a/templates/index.jinja b/templates/index.jinja
index 31067d2..a487e14 100644
--- a/templates/index.jinja
+++ b/templates/index.jinja
@@ -25,7 +25,7 @@
         <div class="row" style="margin-bottom: 5rem;" id="product_row">
           <div class="col product_col">
             <div class="card h-100">
-                <input type="image" onclick="removeProduct(this)" class="card-img-top product_image" alt="">
+                <input type="image" onclick="removeProduct(this)" data-umami-event="remove_product_1" class="card-img-top product_image" alt="">
                 <div class="card-body">
                   <h5 class="card-title product_price"></h5>
                 </div>
@@ -33,7 +33,7 @@
           </div>
           <div class="col product_col">
             <div class="card h-100">
-                <input type="image" onclick="removeProduct(this)" class="card-img-top product_image" alt="">
+                <input type="image" onclick="removeProduct(this)" data-umami-event="remove_product_2" class="card-img-top product_image" alt="">
                 <div class="card-body">
                   <h5 class="card-title product_price"></h5>
                 </div>
@@ -41,7 +41,7 @@
           </div>
           <div class="col product_col">
             <div class="card h-100">
-                <input type="image" onclick="removeProduct(this)" class="card-img-top product_image" alt="">
+                <input type="image" onclick="removeProduct(this)" data-umami-event="remove_product_3" class="card-img-top product_image" alt="">
                 <div class="card-body">
                   <h5 class="card-title product_price"></h5>
                 </div>
@@ -49,7 +49,7 @@
           </div>
           <div class="col product_col">
             <div class="card h-100">
-                <input type="image" onclick="removeProduct(this)" class="card-img-top product_image" alt="">
+                <input type="image" onclick="removeProduct(this)" data-umami-event="remove_product_4" class="card-img-top product_image" alt="">
                 <div class="card-body">
                   <h5 class="card-title product_price"></h5>
                 </div>
@@ -57,7 +57,7 @@
           </div>
           <div class="col product_col">
             <div class="card h-100">
-                <input type="image" onclick="removeProduct(this)" class="card-img-top product_image" alt="">
+                <input type="image" onclick="removeProduct(this)" data-umami-event="remove_product_5" class="card-img-top product_image" alt="">
                 <div class="card-body">
                   <h5 class="card-title product_price"></h5>
                 </div>
@@ -81,12 +81,12 @@
             </div>
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCash()" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="" />
+                    <input type="image" data-umami-event="pay_cash_button" onclick="payCash()" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="" />
                 </div>
             </div>
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCard()" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="" />
+                    <input type="image" data-umami-event="pay_card_button" onclick="payCard()" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="" />
                 </div>
             </div>
         </div>
diff --git a/templates/paycard.jinja b/templates/paycard.jinja
index d891801..d9c12ef 100644
--- a/templates/paycard.jinja
+++ b/templates/paycard.jinja
@@ -17,7 +17,7 @@
 <div class="row m-5">
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCash()" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
+                    <input type="image" onclick="payCash()" data-umami-event="pay_cash_button" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
                 </div>
             </div>
             <div class="col-8">
@@ -36,7 +36,7 @@
             </div>
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCard()" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
+                    <input type="image" onclick="payCard()" data-umami-event="pay_card_button" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
                 </div>
             </div>
 </div>
@@ -51,7 +51,7 @@
 <div class="row justify-content-end m-5">   
     <div class="col-2">
         <div class="card">
-            <input type="image" onclick="toMain()" src="{{api_url}}/icons/shop" height="100rem" width="100rem" class="card-img-top" alt="" />
+            <input type="image" onclick="toMain()" data-umami-event="back_to_main_button" src="{{api_url}}/icons/shop" height="100rem" width="100rem" class="card-img-top" alt="" />
         </div>
     </div>
 </div>
diff --git a/templates/paycash.jinja b/templates/paycash.jinja
index 1bed790..fda8431 100644
--- a/templates/paycash.jinja
+++ b/templates/paycash.jinja
@@ -17,7 +17,7 @@
 <div class="row m-5">
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCash()" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
+                    <input type="image" onclick="payCash()" data-umami-event="pay_cash_button" src="{{api_url}}/icons/cash" height="100rem" width="100rem" class="card-img-top" alt="">
                 </div>
             </div>
             <div class="col-8">
@@ -36,7 +36,7 @@
             </div>
             <div class="col-2">
                 <div class="card">
-                    <input type="image" onclick="payCard()" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
+                    <input type="image" onclick="payCard()" data-umami-event="pay_card_button" src="{{api_url}}/icons/creditcard" height="100rem" width="100rem" class="card-img-top" alt="">
                 </div>
             </div>
 </div>
@@ -47,7 +47,7 @@
 <div class="row justify-content-end m-5">   
     <div class="col-2">
         <div class="card">
-            <input type="image" onclick="toMain()" src="{{api_url}}/icons/shop" height="100rem" width="100rem" class="card-img-top" alt="" />
+            <input type="image" onclick="toMain()" data-umami-event="back_to_main_button" src="{{api_url}}/icons/shop" height="100rem" width="100rem" class="card-img-top" alt="" />
         </div>
     </div>
 </div>