diff --git a/Website/modules/BackendSettingsFunctions.tsx b/Website/modules/BackendSettingsFunctions.tsx
index 1c57e37..26a860b 100644
--- a/Website/modules/BackendSettingsFunctions.tsx
+++ b/Website/modules/BackendSettingsFunctions.tsx
@@ -58,4 +58,12 @@ export default class BackendSettings {
     static async UpdateAprilFoolsToggle(apiUri: string, value: boolean) {
         return patchData(`${apiUri}/v2/Settings/AprilFoolsMode`, value);
     }
+
+    static async GetChapterNamingScheme(apiUri: string) : Promise<string> {
+        return getData(`${apiUri}/v2/Settings/ChapterNamingScheme`).then((state) => state as unknown as string);
+    }
+
+    static async UpdateChapterNamingScheme(apiUri: string, value: string) {
+        return patchData(`${apiUri}/v2/Settings/ChapterNamingScheme`, value);
+    }
 }
\ No newline at end of file
diff --git a/Website/modules/Settings.tsx b/Website/modules/Settings.tsx
index 41d95f2..14a80c1 100644
--- a/Website/modules/Settings.tsx
+++ b/Website/modules/Settings.tsx
@@ -26,6 +26,7 @@ export default function Settings({ backendConnected, apiUri, frontendSettings, s
     const [notificationConnectors, setNotificationConnectors] = useState<INotificationConnector[]>([]);
     const [mangaConnectors,setMangaConnectors] = useState<IMangaConnector[]>([]);
     const [localLibraries, setLocalLibraries] = useState<ILocalLibrary[]>([]);
+    const [chapterNamingScheme, setChapterNamingScheme] = useState<string>("");
 
     useEffect(() => {
         if(!backendConnected)
@@ -74,6 +75,14 @@ export default function Settings({ backendConnected, apiUri, frontendSettings, s
                             <h3>Default Job-Interval</h3>
                             <input type="time" min="00:30" max="23:59" defaultValue={dateToStr(new Date(frontendSettings.jobInterval))} onChange={(e) => setFrontendSettings({...frontendSettings, jobInterval: new Date(e.currentTarget.valueAsNumber-60*60*1000) ?? frontendSettings.jobInterval})}/>
                         </div>
+                        <div className={"settings-chapterNamingScheme"}>
+                            <h3>Chapter Naming-Scheme</h3>
+                            <input type={"text"} placeholder={backendSettings?.chapterNamingScheme} onChange={(e) => setChapterNamingScheme(e.target.value)} />
+                            <button type={"button"} onClick={() => {
+                                setLoadingBackend(true);
+                                BackendSettings.UpdateChapterNamingScheme(apiUri, chapterNamingScheme).finally(() => setLoadingBackend(false));
+                            }}>Submit</button>
+                        </div>
                         <div className="settings-bwimages">
                             <h3>B/W Images</h3>
                             <Toggle defaultChecked={backendSettings ? backendSettings.bwImages : false} disabled={backendSettings ? false : !loadingBackend}
diff --git a/Website/modules/interfaces/IBackendSettings.tsx b/Website/modules/interfaces/IBackendSettings.tsx
index 8783e1b..ffbdaca 100644
--- a/Website/modules/interfaces/IBackendSettings.tsx
+++ b/Website/modules/interfaces/IBackendSettings.tsx
@@ -14,4 +14,5 @@ export default interface IBackendSettings {
     compression: number;
     bwImages: boolean;
     startNewJobTimeoutMs: number;
+    chapterNamingScheme: string;
 }