diff --git a/cmd/config_init.go b/cmd/config_init.go
index 12b11688..1dc0fd52 100644
--- a/cmd/config_init.go
+++ b/cmd/config_init.go
@@ -39,6 +39,7 @@ override the options.`,
 				DisableExternal: mustGetBool(flags, "branding.disableExternal"),
 				Files:           mustGetString(flags, "branding.files"),
 			},
+			OnlyOffice: "",
 		}
 
 		ser := &settings.Server{
diff --git a/cmd/config_set.go b/cmd/config_set.go
index e959bc97..31b83e29 100644
--- a/cmd/config_set.go
+++ b/cmd/config_set.go
@@ -55,6 +55,8 @@ you want to change. Other options will remain unchanged.`,
 				set.Branding.DisableExternal = mustGetBool(flags, flag.Name)
 			case "branding.files":
 				set.Branding.Files = mustGetString(flags, flag.Name)
+			case "onlyoffice":
+				set.OnlyOffice = mustGetString(flags, flag.Name)
 			}
 		})
 
diff --git a/frontend/src/utils/constants.js b/frontend/src/utils/constants.js
index 9761339b..a0d4dbd0 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -14,6 +14,7 @@ const theme = window.FileBrowser.Theme;
 const enableThumbs = window.FileBrowser.EnableThumbs;
 const resizePreview = window.FileBrowser.ResizePreview;
 const enableExec = window.FileBrowser.EnableExec;
+const onlyOffice = window.FileBrowser.OnlyOffice;
 
 export {
   name,
@@ -31,4 +32,5 @@ export {
   enableThumbs,
   resizePreview,
   enableExec,
+  onlyOffice,
 };
diff --git a/frontend/src/views/Files.vue b/frontend/src/views/Files.vue
index 35f0630e..8a547313 100644
--- a/frontend/src/views/Files.vue
+++ b/frontend/src/views/Files.vue
@@ -22,6 +22,7 @@
 <script>
 import { files as api } from "@/api";
 import { mapState, mapMutations } from "vuex";
+import { onlyOffice } from "@/utils/constants";
 
 import HeaderBar from "@/components/header/HeaderBar";
 import Breadcrumbs from "@/components/Breadcrumbs";
@@ -65,7 +66,7 @@ export default {
       ) {
         return "editor";
       } else if (
-        this.req.type === "officedocument"
+        this.req.type === "officedocument" && onlyOffice !== ""
       ) {
         return "OnlyOfficeEditor";
       } else {
diff --git a/frontend/src/views/files/OnlyOfficeEditor.vue b/frontend/src/views/files/OnlyOfficeEditor.vue
index 6d4e9979..22bd0444 100644
--- a/frontend/src/views/files/OnlyOfficeEditor.vue
+++ b/frontend/src/views/files/OnlyOfficeEditor.vue
@@ -21,7 +21,7 @@
 <script>
 import { mapState } from "vuex";
 import url from "@/utils/url";
-import { baseURL } from "@/utils/constants";
+import { baseURL, onlyOffice } from "@/utils/constants";
 
 import HeaderBar from "@/components/header/HeaderBar";
 import Action from "@/components/header/Action";
@@ -80,7 +80,7 @@ export default {
     let onlyofficeScript = document.createElement("script");
     onlyofficeScript.setAttribute(
       "src",
-      `http://10.10.2.1:8765/web-apps/apps/api/documents/api.js`
+      `${onlyOffice}/web-apps/apps/api/documents/api.js`
     );
     document.head.appendChild(onlyofficeScript);
 
diff --git a/frontend/src/views/settings/Global.vue b/frontend/src/views/settings/Global.vue
index 5adf21eb..060fcea4 100644
--- a/frontend/src/views/settings/Global.vue
+++ b/frontend/src/views/settings/Global.vue
@@ -83,6 +83,20 @@
               id="branding-files"
             />
           </p>
+
+          <h3>{{ $t("settings.onlyOffice") }}</h3>
+
+          <p>
+            <label for="onlyoffice-url">{{
+              $t("settings.onlyOfficeUrl")
+            }}</label>
+            <input
+              class="input input--block"
+              type="text"
+              v-model="settings.onlyoffice"
+              id="onlyoffice-url"
+            />
+          </p>
         </div>
 
         <div class="card-action">
diff --git a/http/settings.go b/http/settings.go
index 0148b383..5e551e91 100644
--- a/http/settings.go
+++ b/http/settings.go
@@ -16,6 +16,7 @@ type settingsData struct {
 	Branding      settings.Branding     `json:"branding"`
 	Shell         []string              `json:"shell"`
 	Commands      map[string][]string   `json:"commands"`
+	OnlyOffice    string                `json:"onlyoffice"`
 }
 
 var settingsGetHandler = withAdmin(func(w http.ResponseWriter, r *http.Request, d *data) (int, error) {
@@ -27,6 +28,7 @@ var settingsGetHandler = withAdmin(func(w http.ResponseWriter, r *http.Request,
 		Branding:      d.settings.Branding,
 		Shell:         d.settings.Shell,
 		Commands:      d.settings.Commands,
+		OnlyOffice:    d.settings.OnlyOffice,
 	}
 
 	return renderJSON(w, r, data)
@@ -46,6 +48,7 @@ var settingsPutHandler = withAdmin(func(w http.ResponseWriter, r *http.Request,
 	d.settings.Branding = req.Branding
 	d.settings.Shell = req.Shell
 	d.settings.Commands = req.Commands
+	d.settings.OnlyOffice = req.OnlyOffice
 
 	err = d.store.Settings.Save(d.settings)
 	return errToStatus(err), err
diff --git a/http/static.go b/http/static.go
index 850d1134..9c04d719 100644
--- a/http/static.go
+++ b/http/static.go
@@ -42,6 +42,7 @@ func handleWithStaticData(w http.ResponseWriter, _ *http.Request, d *data, fSys
 		"EnableThumbs":    d.server.EnableThumbnails,
 		"ResizePreview":   d.server.ResizePreview,
 		"EnableExec":      d.server.EnableExec,
+		"OnlyOffice":      d.settings.OnlyOffice,
 	}
 
 	if d.settings.Branding.Files != "" {
diff --git a/settings/settings.go b/settings/settings.go
index 0f8616d2..e7b46a1b 100644
--- a/settings/settings.go
+++ b/settings/settings.go
@@ -21,6 +21,7 @@ type Settings struct {
 	Commands      map[string][]string `json:"commands"`
 	Shell         []string            `json:"shell"`
 	Rules         []rules.Rule        `json:"rules"`
+	OnlyOffice    string              `json:"onlyoffice"`
 }
 
 // GetRules implements rules.Provider.