diff --git a/uncloud_pay/templates/uncloud_pay/register_stripe.html b/uncloud_pay/templates/uncloud_pay/register_stripe.html
new file mode 100644
index 0000000..9fd82ae
--- /dev/null
+++ b/uncloud_pay/templates/uncloud_pay/register_stripe.html
@@ -0,0 +1,68 @@
+{% extends 'uncloud/base.html' %}
+
+{% block header %}
+    <script src="https://js.stripe.com/v3/"></script>
+
+    <style>
+      #content {
+          width: 400px;
+	      margin: auto;
+      }
+	</style>
+{% endblock %}
+
+{% block body %}
+    <div id="content">
+      <h1>Register Credit Card with Stripe</h1>
+      <p>
+        By submitting I authorise to send instructions to
+        the financial institution that issued my card to take
+        payments from my card account in accordance with the
+        terms of my agreement with you.
+      </p>
+
+      <!-- Stripe form and messages -->
+      <span id="message"></span>
+
+      <div id="card-element"></div>
+      <button type='button' id="card-button">			  Save
+      </button>
+
+      <div id="ungleichmessage">The card will be registered with stripe.</div>
+
+    </div>
+
+    <!-- Enable Stripe from UI elements - standard code -->
+    <script>
+      var stripe = Stripe('{{ stripe_pk }}');
+
+      var elements = stripe.elements();
+      var cardElement = elements.create('card');
+      cardElement.mount('#card-element');
+
+      var cardButton = document.getElementById('card-button');
+      var messageContainer = document.getElementById('message');
+      var clientSecret = '{{ client_secret }}';
+
+      cardButton.addEventListener('click', function(ev) {
+	      stripe.confirmCardSetup(
+		      clientSecret,
+		      {
+			      payment_method: {
+				      card: cardElement,
+				      billing_details: { name: "{{username}}", },
+			      },
+		      }
+	      ).then(function(result) {
+		      if (result.error) {
+			      var message = document.createTextNode('Error:' + result.error.message);
+			      messageContainer.appendChild(message);
+		      } else {
+			      // Return to API on success.
+			      document.getElementById("ungleichmessage").innerHTML
+		              = "Registered credit card with Stripe."
+		      }
+	      });
+      });
+    </script>
+{% endblock %}
diff --git a/uncloud_pay/templates/uncloud_pay/stripe.html b/uncloud_pay/templates/uncloud_pay/stripe.html
deleted file mode 100644
index 775ed53..0000000
--- a/uncloud_pay/templates/uncloud_pay/stripe.html
+++ /dev/null
@@ -1,93 +0,0 @@
-
-{% extends 'uncloud/base.html' %}
-
-{% block header %}
-		<script src="https://js.stripe.com/v3/"></script>
-
-		<style>
-			#content {
-				width: 400px;
-				margin: auto;
-			}
-
-			#callback-form {
-				display: none;
-			}
-		</style>
-        <script>
-          billing_details: { email: email }
-        }
-      })
-      .then(function(result) {
-        if (result.error) {
-          changeLoadingState(false);
-          var displayError = document.getElementById("card-errors");
-          displayError.textContent = result.error.message;
-        } else {
-          // The PaymentMethod was successfully set up
-          orderComplete(stripe, setupIntent.client_secret);
-        }
-      });
-  });
-};
-        </script>
-
-{% endblock %}
-
-{% block body %}
-		<div id="content">
-		  <h1>Registering Credit Card with Stripe</h1>
-            <p>
-              By submitting I authorise to send instructions to
-              the financial institution that issued my card to take
-              payments from my card account in accordance with the
-              terms of my agreement with you.
-            </p>
-
-			<!-- Stripe form and messages -->
-			<span id="message"></span>
-
-			<div id="card-element"></div>
-			<button type='button' id="card-button">			  Save
-			</button>
-
-            <div id="ungleichmessage">The card will be registered with stripe.</div>
-
-		</div>
-
-		<!-- Enable Stripe from UI elements - standard code -->
-	<script>
-	  var stripe = Stripe('{{ stripe_pk }}');
-
-	  var elements = stripe.elements();
-	  var cardElement = elements.create('card');
-	  cardElement.mount('#card-element');
-
-	  var cardButton = document.getElementById('card-button');
-	  var messageContainer = document.getElementById('message');
-	  var clientSecret = '{{ client_secret }}';
-
-	  cardButton.addEventListener('click', function(ev) {
-		  stripe.confirmCardSetup(
-			  clientSecret,
-			  {
-				  payment_method: {
-					  card: cardElement,
-					  billing_details: { name: "{{username}}", },
-				  },
-			  }
-		  ).then(function(result) {
-			  if (result.error) {
-				  var message = document.createTextNode('Error:' + result.error.message);
-				  messageContainer.appendChild(message);
-			  } else {
-				  // Return to API on success.
-				  document.getElementById("ungleichmessage").innerHTML
-		  = "Registered credit card with Stripe."
-			  }
-		  });
-	  });
-		</script>
-
-
-{% endblock %}
diff --git a/uncloud_pay/views.py b/uncloud_pay/views.py
index 78a1a15..99d176e 100644
--- a/uncloud_pay/views.py
+++ b/uncloud_pay/views.py
@@ -51,7 +51,7 @@ class OrderViewSet(viewsets.ReadOnlyModelViewSet):
 class RegisterCard(LoginRequiredMixin, TemplateView):
     login_url = '/login/'
 
-    template_name = "uncloud_pay/stripe.html"
+    template_name = "uncloud_pay/register_stripe.html"
 
     def get_context_data(self, **kwargs):