diff --git a/index.html b/index.html
index e65dd36..35fd7b0 100644
--- a/index.html
+++ b/index.html
@@ -940,13 +940,18 @@
             <div class="sp-tab-page" id="sp-horde-tab-page">
                 <!-- Horde tab page -->
                 <div></div>
-                <sp-label>Horde Key:</sp-label
-                ><sp-textfield
-                    id="tiHordeApiKey"
-                    type="password"
-                    placeholder="0000000000"
-                    value=""
-                ></sp-textfield>
+                <div>
+                    <sp-label>Horde Key:</sp-label
+                    ><sp-textfield
+                        id="tiHordeApiKey"
+                        type="password"
+                        placeholder="0000000000"
+                        value=""
+                    ></sp-textfield>
+                    <button class="btnSquare" id="btnSaveHordeSettings">
+                        Save
+                    </button>
+                </div>
 
                 <sp-radio-group>
                     <sp-label id="BackendTypeLabel" slot="label"
diff --git a/utility/sdapi/horde_native.js b/utility/sdapi/horde_native.js
index a8fe924..7f4106e 100644
--- a/utility/sdapi/horde_native.js
+++ b/utility/sdapi/horde_native.js
@@ -3,7 +3,17 @@ const psapi = require('../../psapi')
 const html_manip = require('../html_manip')
 const layer_util = require('../layer')
 const dummy = require('../dummy')
+const io = require('../io')
+class HordeSettings {
+    static {}
+    static async saveSettings() {
+        const settings = await getSettings()
 
+        let native_horde_settings = await mapPluginSettingsToHorde(settings)
+        const horde_api_key = html_manip.getHordeApiKey()
+        native_horde_settings['api_key'] = html_manip.getHordeApiKey()
+        await io.IOJson.saveHordeSettingsToFile(native_horde_settings)
+    }
 class hordeGenerator {
     //horde generation process:
     //*) get the settings