diff --git a/source/_static/js/placeholder_replace.js b/source/_static/js/placeholder_replace.js
new file mode 100644
index 00000000..306c04ed
--- /dev/null
+++ b/source/_static/js/placeholder_replace.js
@@ -0,0 +1,17 @@
+function replace_placeholders() {
+    console.log(window.location.href);
+    const urlParams = new URLSearchParams(window.location.search);
+    replace_field("username", urlParams.get('username').replace(/[^a-z0-9]/g, ""));
+}
+
+function replace_field(field_name, field_value) {
+    if (!field_value) {
+        return;
+    }
+    const collection = document.getElementsByClassName("placeholder-" + field_name);
+    for (let i = 0; i < collection.length; i++) {
+        collection[i].innerHTML = field_value;
+    }
+}
+
+window.onload = replace_placeholders;
\ No newline at end of file
diff --git a/source/billing-general.rst b/source/billing-general.rst
index 9455cd3f..3244929b 100644
--- a/source/billing-general.rst
+++ b/source/billing-general.rst
@@ -88,13 +88,18 @@ SEPA Bank Transfer
 If you are living within the EU or rather the Single Euro Payments Area (SEPA),
 the most common way to top-up your account is using a **classic wire transfer**.
 
-::
-
-    Account holder: Jonas Pasche
-    IBAN: DE35 5505 0120 0200 0039 78
-    Bank name: Rheinhessen Sparkasse
-    BIC: MALADE51MNZ
-    Purpose: uberspace <account name>
+.. raw:: html
+
+  <div class="highlight-default notranslate">
+  <div class="highlight">
+    <pre><span></span><span class="n">Account</span> <span class="n">holder</span><span class="p">:</span> <span class="n">Jonas</span> <span class="n">Pasche</span>
+    <span class="n">IBAN</span><span class="p">:</span> <span class="n">DE35</span> <span class="mi">5505</span> <span class="mi">0120</span> <span class="mi">0200</span> <span class="mi">0039</span> <span class="mi">78</span>
+    <span class="n">Bank</span> <span class="n">name</span><span class="p">:</span> <span class="n">Rheinhessen</span> <span class="n">Sparkasse</span>
+    <span class="n">BIC</span><span class="p">:</span> <span class="n">MALADE51MNZ</span>
+    <span class="n">Purpose</span><span class="p">:</span> <span class="n">uberspace</span> <span class="placeholder-username"><span class="o">&lt;</span><span class="n">account</span> <span class="n">name</span><span class="o">&gt;</span></span>
+    </pre>
+  </div>
+  </div>
 
 Enter ``uberspace <account name>`` (e.g. ``uberspace isabella``) as purpose
 ("Verwendungszweck"), so we can match your transfer to your account. If you'd
diff --git a/source/conf.py b/source/conf.py
index ef6a3b44..be25d3b9 100644
--- a/source/conf.py
+++ b/source/conf.py
@@ -139,6 +139,9 @@ def _read_changelog_files():
 html_css_files = [
     'css/custom.css',
 ]
+html_js_files = [
+    'js/placeholder_replace.js',
+]
 
 
 release = changelog_entries[0]['version']