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 058f0d6b..d5485017 100644
--- a/cmd/config_set.go
+++ b/cmd/config_set.go
@@ -57,6 +57,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 200c4e8d..442787b8 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -15,6 +15,7 @@ const enableThumbs = window.FileBrowser.EnableThumbs;
 const resizePreview = window.FileBrowser.ResizePreview;
 const enableExec = window.FileBrowser.EnableExec;
 const origin = window.location.origin;
+const onlyOffice = window.FileBrowser.OnlyOffice;
 
 export {
   name,
@@ -33,4 +34,5 @@ export {
   resizePreview,
   enableExec,
   origin,
+  onlyOffice,
 };
diff --git a/frontend/src/views/Files.vue b/frontend/src/views/Files.vue
index 36be5e52..dc4b017f 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 10993325..8c6c10cf 100644
--- a/frontend/src/views/settings/Global.vue
+++ b/frontend/src/views/settings/Global.vue
@@ -92,6 +92,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 78ce9b0d..2a5bc3ed 100644
--- a/http/settings.go
+++ b/http/settings.go
@@ -17,6 +17,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) {
@@ -29,6 +30,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)
@@ -49,6 +51,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 3529513b..4e2bb036 100644
--- a/http/static.go
+++ b/http/static.go
@@ -43,6 +43,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 7df81fc4..398d9673 100644
--- a/settings/settings.go
+++ b/settings/settings.go
@@ -24,6 +24,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.