diff --git a/src/main/resources/application.yml b/src/main/resources/application.yml
index 16e76e99c..6920778d7 100644
--- a/src/main/resources/application.yml
+++ b/src/main/resources/application.yml
@@ -11,7 +11,8 @@ spring:
     host: 127.0.0.1
     port: 6379
   thymeleaf:
-    mode: HTML
+    mode: LEGACYHTML5
+    cache: false
 jetty:
   threadPool:
     maxThreads: 1000
diff --git a/src/main/resources/templates/shopify/auth_back.html b/src/main/resources/templates/shopify/auth_back.html
index cd6f8a9a7..5df9ad276 100644
--- a/src/main/resources/templates/shopify/auth_back.html
+++ b/src/main/resources/templates/shopify/auth_back.html
@@ -2,9 +2,69 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>Auth</title>
+    <link rel="stylesheet" type="text/css" href="/static/lib/bootstrap/css/bootstrap.min.css">
+    <script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript" src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
+    <style>
+        html, body {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+
+        .footer-container {
+            position: fixed;
+            padding: 10px 0;
+            bottom: 0;
+            margin-bottom: 0;
+            width: 100%;
+            background-color: #fff;
+            text-align: center;
+        }
+
+        .footer-font-color {
+            color: grey;
+        }
+
+        .col-centered {
+            float: none;
+            margin: 0 auto;
+        }
+
+        .row {
+            margin-right: 0px !important;
+        }
+
+    </style>
 </head>
-<body>
-    <div>授权成功！</div>
+
+<body style="background-color: #ecf0f5">
+<div class="panel panel-default">
+    <div class="panel-body">
+        <div>
+            <img src="/static/images/pmt_logo_royalpay.png" alt="">
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-md-3 col-centered">
+        <div class="panel panel-default">
+            <div class="panel-body">
+                <h3 class="text-center m-t-40">
+                    This authorization is successful!
+                </h3>
+            </div>
+        </div>
+    </div>
+</div>
+
+<footer class="footer-container">
+    <div>
+        <span class="footer-font-color"><small>©2015-2021 RoyalPay.</small></span>
+    </div>
+</footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/ui/static/shopify/auth/templates/shopify_auth_back.html b/src/main/ui/static/shopify/auth/templates/shopify_auth_back.html
index 959a46302..4cb2d20fa 100644
--- a/src/main/ui/static/shopify/auth/templates/shopify_auth_back.html
+++ b/src/main/ui/static/shopify/auth/templates/shopify_auth_back.html
@@ -3,12 +3,117 @@
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
+
+    <style>
+        .footer-container {
+            position:fixed;
+            padding: 10px 0;
+            bottom:0;
+            margin-bottom:0;
+            width:100%;
+            background-color: #fff;
+            text-align:center;
+        }
+
+        .footer-font-color {
+            color: grey;
+        }
+
+        .col-centered {
+            float: none;
+            margin: 0 auto;
+        }
+
+        .cu-panel {
+            border: 0px solid transparent !important;
+            border-radius: 8px;
+        }
+
+        .cu-panel-body {
+            padding: 25px !important;
+        }
+
+        .cu-panel-nb {
+            border: 0px solid transparent !important;
+            border-radius: 0px;
+        }
+
+        .pay-method-group {
+            margin-top: 20px;
+        }
+
+        .btn-m {
+            margin-right: 10px;
+            width: 120px;
+            border: 1px solid rgba(128, 128, 128, 0.43);
+        }
+
+        .qrcode-container {
+            margin-top: 20px;
+            border-radius: 8px;
+            background-color: #dcdcdc0d;
+        }
+
+        .order-form {
+            margin-top: 30px;
+        }
+
+        .order-form-item {
+            margin: 10px 20px 10px 0;
+        }
+
+        .order-form-label {
+            color: grey;
+            margin-right: 20px;
+        }
+
+        .order-form-content {
+            font-size: large;
+        }
+
+        .order-form-content-lg {
+            font-size: 25px;
+            font-weight: bold;
+        }
+
+        .col-container {
+            position: relative;
+            display: inline-block;
+            height: 280px;
+        }
+
+        .align-items-center {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+        }
+    </style>
 </head>
 <body>
+<div class="panel panel-default">
+    <div class="panel-body">
+        <div>
+            <img src="/static/images/pmt_logo_royalpay.png" alt="">
+        </div>
+    </div>
+</div>
 
-<div>
-    <h1>auth back</h1>
+<div class="row">
+    <div class="col-md-3 col-centered">
+        <div class="panel panel-default">
+            <div class="panel-body outer-container">
+                <h3 class="text-center m-t-40">
+                    This authorization is successful!
+                </h3>
+            </div>
+        </div>
+    </div>
 </div>
 
+<footer class="footer-container">
+    <div>
+        <span class="footer-font-color"><small>©2015-2021 RoyalPay.</small></span>
+    </div>
+</footer>
 </body>
 </html>
\ No newline at end of file
