diff --git a/web_app/server.py b/web_app/server.py
index 142f3f9..af09b17 100755
--- a/web_app/server.py
+++ b/web_app/server.py
@@ -409,12 +409,21 @@ def status_page():
     base_coordinates = {"lat" : base_position[0], "lon" : base_position[1]}
     return render_template("status.html", base_coordinates = base_coordinates, tms_key = {"maptiler_key" : rtkbaseconfig.get("general", "maptiler_key")})
 
-@app.route('/settings')
+@app.route('/settings', methods=['GET', 'POST'])
 @login_required
 def settings_page():
     """
         The settings page where you can manage the various services, the parameters, update, power...
     """
+    # POST method when updating with a manual file
+    if request.method == 'POST':
+        uploaded_file = request.files['file']
+        if uploaded_file.filename != '':
+            update_rtkbase(uploaded_file)
+        else:
+            print("wrong update file")
+        return ('', 204)
+    # variable needed when the gnss receiver offer a web interface
     host_url =  urllib.parse.urlparse(request.host_url)
     gnss_rcv_url = urllib.parse.ParseResult(scheme=host_url.scheme, netloc="{}:{}".format(host_url.hostname, rtkbaseconfig.get("main", "gnss_rcv_web_proxy_port")),
                   path=host_url.path, params=host_url.params, query=host_url.query, fragment=host_url.fragment)
@@ -511,15 +520,6 @@ def diagnostic():
         
     return render_template('diagnostic.html', logs = logs)
     
-@app.route('/manual_update', methods=['GET', 'POST'])       
-@login_required
-def upload_file():
-    if request.method == 'POST':
-        uploaded_file = request.files['file']
-        if uploaded_file.filename != '':
-            update_rtkbase(uploaded_file)
-        return ('', 204)
-    return render_template('manual_update.html')
 
 #### Handle connect/disconnect events ####
 
diff --git a/web_app/static/settings.js b/web_app/static/settings.js
index 10eb4bb..2c89851 100644
--- a/web_app/static/settings.js
+++ b/web_app/static/settings.js
@@ -532,7 +532,13 @@ $(document).ready(function () {
             $("#updateModal .modal-title").text("No Update available!");
             $("#updateModal .modal-body").text("We're working on it. Come back later!");
             $("#updateModal").modal();
-        }       
+        }
+        // check if url contains update=manual parameter to display the input form
+        const queryString = window.location.search;
+        const urlParams = new URLSearchParams(queryString);
+        if (urlParams.get('update') === 'manual' ) {
+            $("#updateModal .modal-body").append('<h3>Manual Update: </h3><form method="POST" action="" enctype="multipart/form-data"> <p><input type="file" name="file"></p><p><input onclick="this.form.submit()" id="submit-button" type="submit" value="Submit"></p></form>');
+        }
     })
       
     $("#start-update-button").on("click", function () {
diff --git a/web_app/templates/manual_update.html b/web_app/templates/manual_update.html
deleted file mode 100644
index 111da30..0000000
--- a/web_app/templates/manual_update.html
+++ /dev/null
@@ -1,51 +0,0 @@
-{% extends 'base.html' %}
-
-{% block styles %}
-{{super()}}
-<link rel="stylesheet" href="{{ url_for('static', filename='lib/bootstrap4-toggle.css', v=g.version) }}">
-
-{% endblock %}
-
-{% block content %}
-<div class="container">
-
-
-<!-- The update Modal dialog box-->
-<div class="modal" id="updateModal">
-    <div class="modal-dialog">
-      <div class="modal-content">     
-        <!-- Modal Header -->
-        <div class="modal-header">
-          <h4 class="modal-title">Update</h4>
-          <button type="button" class="close" data-dismiss="modal">&times;</button>
-        </div>       
-        <!-- Modal body -->
-        <div class="modal-body">  
-          <h1>Manual Update: </h1>
-          <form method="POST" action="" enctype="multipart/form-data">
-              <p><input type="file" name="file"></p>
-              <p><input onclick="form_submit()" id="submit-button" type="submit" value="Submit"></p>
-          </form>
-        </div>       
-        <!-- Modal footer -->
-        <div class="modal-footer mx-auto">
-          <button id="start-update-button" type="button" class="btn btn-success" disabled>Update</button>
-          <button id="cancel-button" type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>         
-        </div>      
-      </div>
-    </div>
-  </div>
-</div>
-{% endblock %}
-
-{% block scripts %}
-{{super()}}
-<script type="text/javascript" src="{{ url_for('static', filename='lib/bootstrap4-toggle.js') }}" charset="utf-8"></script>
-<script type="text/javascript" src="{{ url_for('static', filename='settings.js', v=g.version) }}" charset="utf-8"></script>
-<script type="text/javascript">
-  $('#updateModal').modal();
- function form_submit() {
-    document.querySelector("form").submit();
- };
-</script>
-{% endblock %}
\ No newline at end of file