diff --git a/src/App.svelte b/src/App.svelte
index 67ce1d6c5e39b1455c79e80caf614a9d532a32d7..0b2c2045db435edcfafd059410bdfbe85d0a5817 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,6 +3,7 @@
   import { fetchDialogSet } from "./utils";
   import Debugger from "./Debugger.svelte";
   import type { Dialog } from "./types";
+import SavingComponent from "./SavingComponent.svelte";
 
   const dialogSetPromise = fetchDialogSet();
   let currentDialog: Dialog;
@@ -14,6 +15,7 @@
 
     <br />
     <Debugger {dialogSet} bind:currentDialog />
+    <SavingComponent/>
   {:catch _error}
     <h3>Oh no :(</h3>
     <p>
diff --git a/src/SavingComponent.svelte b/src/SavingComponent.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b1aee2c817e7ec9a04ed04890538d4bda18383ec
--- /dev/null
+++ b/src/SavingComponent.svelte
@@ -0,0 +1,15 @@
+<div>
+    <input type="text" placeholder="Your Pretix order code" maxlength="5" minlength="5" >
+    <button style="width: 25rem;"
+        >💾 Save game (not implemented yet)</button
+      >
+</div>
+<style>
+    div {
+      border: 1px solid;
+      padding: 10px;
+      padding-bottom: 0px;
+      margin: 5px;
+    }
+  </style>
+  
\ No newline at end of file