diff --git a/src/main/java/au/com/royalpay/payment/manage/appclient/core/RetailAppService.java b/src/main/java/au/com/royalpay/payment/manage/appclient/core/RetailAppService.java
index 319e9e108..36bb7164d 100644
--- a/src/main/java/au/com/royalpay/payment/manage/appclient/core/RetailAppService.java
+++ b/src/main/java/au/com/royalpay/payment/manage/appclient/core/RetailAppService.java
@@ -222,5 +222,7 @@ public interface RetailAppService {
 
     JSONObject getClientSubManage(JSONObject device);
 
+    JSONObject getCustomerInfo(JSONObject device);
+
     boolean isSubPartner(JSONObject device, String clientMoniker);
 }
diff --git a/src/main/java/au/com/royalpay/payment/manage/appclient/core/impls/RetailAppServiceImp.java b/src/main/java/au/com/royalpay/payment/manage/appclient/core/impls/RetailAppServiceImp.java
index a02734638..0c32d1df7 100644
--- a/src/main/java/au/com/royalpay/payment/manage/appclient/core/impls/RetailAppServiceImp.java
+++ b/src/main/java/au/com/royalpay/payment/manage/appclient/core/impls/RetailAppServiceImp.java
@@ -2435,6 +2435,19 @@ public class RetailAppServiceImp implements RetailAppService {
         return result;
     }
 
+    public JSONObject getCustomerInfo(JSONObject device) {
+        JSONObject result = new JSONObject();
+        String clientType = device.getString("client_type");
+        deviceSupport.findRegister(clientType);
+        JSONObject client = clientManager.getClientInfo(device.getIntValue("client_id"));
+        result.put("contact_email", client.getString("contact_email"));
+        result.put("client_id", client.getString("client_id"));
+        result.put("contact_person", client.getString("contact_person"));
+        result.put("country", client.getString("country"));
+        result.put("state", client.getString("state"));
+        return result;
+    }
+
     @Override
     public boolean isSubPartner(JSONObject device,String clientMoniker) {
         JSONObject client = clientManager.getClientInfoByMoniker(clientMoniker);
diff --git a/src/main/java/au/com/royalpay/payment/manage/appclient/web/RetailAppController.java b/src/main/java/au/com/royalpay/payment/manage/appclient/web/RetailAppController.java
index b521280aa..56b24df82 100644
--- a/src/main/java/au/com/royalpay/payment/manage/appclient/web/RetailAppController.java
+++ b/src/main/java/au/com/royalpay/payment/manage/appclient/web/RetailAppController.java
@@ -843,4 +843,13 @@ public class RetailAppController {
     public JSONObject getClientSubManage(@ModelAttribute(CommonConsts.RETAIL_DEVICE) JSONObject device) {
         return retailAppService.getClientSubManage(device);
     }
+
+    @GetMapping("/client/customer")
+    public ModelAndView redirectClientCustomer(@ModelAttribute(CommonConsts.RETAIL_DEVICE) JSONObject device) {
+        ModelAndView model = new ModelAndView("app/app_customer");
+        JSONObject client = retailAppService.getCustomerInfo(device);
+        model.addObject("client", client);
+        return model;
+    }
+
 }
diff --git a/src/main/java/au/com/royalpay/payment/manage/dev/web/TestController.java b/src/main/java/au/com/royalpay/payment/manage/dev/web/TestController.java
index cdb5a557e..015933123 100644
--- a/src/main/java/au/com/royalpay/payment/manage/dev/web/TestController.java
+++ b/src/main/java/au/com/royalpay/payment/manage/dev/web/TestController.java
@@ -61,6 +61,7 @@ import org.springframework.util.Assert;
 import org.springframework.util.MimeTypeUtils;
 import org.springframework.validation.Errors;
 import org.springframework.web.bind.annotation.*;
+import org.springframework.web.servlet.ModelAndView;
 
 import javax.annotation.Resource;
 import javax.servlet.ServletOutputStream;
@@ -577,4 +578,18 @@ public class TestController implements ApplicationEventPublisherAware {
         }
     }
 
+    @GetMapping("/client/customer")
+    public ModelAndView redirectClientCustomer() {
+        JSONObject result = new JSONObject();
+        ModelAndView model = new ModelAndView("app/app_customer");
+        JSONObject client = clientManager.getClientInfoByMoniker("PINE");
+        result.put("contact_email", client.getString("contact_email"));
+        result.put("client_id", client.getString("client_id"));
+        result.put("contact_person", client.getString("contact_person"));
+        result.put("country", client.getString("country"));
+        result.put("state", client.getString("state"));
+        model.addObject("client", result);
+        return model;
+    }
+
 }
diff --git a/src/main/resources/templates/app/app_customer.html b/src/main/resources/templates/app/app_customer.html
new file mode 100644
index 000000000..f4b10a712
--- /dev/null
+++ b/src/main/resources/templates/app/app_customer.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>RoyalPay</title>
+    <meta name="description" content="RoyalPay Customer service">
+    <meta name="keywords" content="RoyalPay在线客服">
+    <script src="//code.tidio.co/zl6fdb5cii0l7b5kjvwqfqyilr5ncjvx.js"></script>
+    <script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
+    <meta content="#ffffff" name="msapplication-TileColor" />
+    <script type="text/javascript" data-th-inline="javascript">
+        window.email = /*[[*{_client.contact_email}]]*/'';
+        window.id = /*[[*{client.client_id}]]*/'';
+        window.name = /*[[*{client.contact_person}]]*/'';
+        window.country = /*[[*{client.country}]]*/'';
+        window.city = /*[[*{client.state}]]*/'';
+        document.tidioIdentify = {
+            distinct_id: window.id, // Unique user ID in your system
+            email: window.email, // User email
+            name: window.name, // Visitor name
+            city: window.city, // City
+            country: window.country // Country
+        };
+        function white() {
+            $("#loading").css({
+                "position":"absolute", 　　 //绝对位置
+                "display":"block",　　　　//让对象成为块级元素
+                "background-color":"white",　　//背景白色
+                "z-index":"9999",　　//最上层显示
+                "opacity":"0.7"　　//背景透明度
+            });
+        }
+    </script>
+    <style type="text/css">
+        @keyframes myfirst {
+            0% {
+                transform: rotateY(1deg);
+            }
+            100% {
+                transform: rotateY(90deg);
+            }
+        }
+        @media (min-width:100px) and (max-width:399px){
+            #img2{width: 60px;height: 45px;}
+            #img1{width: 60px;height: 15px;}
+            .contract{font-size:1px;}
+            .return-class {
+                float: right;
+                font-size: 15px;
+                padding: 10px 0px;
+            }
+        }
+        @media (min-width:400px) and (max-width:799px){
+            #img2{width: 160px;height: 75px;}
+            #img1{width: 160px;height: 40px;}
+            .contract{font-size:5px;}
+            .return-class {
+                float: right;
+                font-size: 15px;
+                padding: 10px 20px;
+            }
+        }
+        div.polaroid {
+            text-align: center;
+        }
+
+        div.rotate_left {
+            position: fixed;
+            width: 200px;
+            margin: 0 -100px;
+            top: 20%;
+            left: 50%;
+            z-index: 9999999;
+        }
+
+        .dh {
+            width: 30px;
+            animation: myfirst 1s linear 0s infinite alternate;
+        }
+    </style>
+
+</head>
+<body>
+<div class="polaroid">
+    <div class="rotate_left" style="display: none" id="loading_logo">
+        <img class="dh" src="/static/images/r_logo.svg" alt="RoyalPay" style="width:150px;height:150px;margin-top: 10%;margin-bottom: 10%;"/>
+        <p style="color: black;font-size: 15px;">Easy Business，Easy Pay</p>
+    </div>
+</div>
+
+<div id="loading" style="width:100%;height:100%;display:none"></div>
+<div ui-view autoscroll="true" id = "all" class="contract">
+    <section class="content" style="background:#4F4F4F;">
+    </section>
+</div>
+<script>
+    document.getElementById("loading_logo").style ="";
+    white();
+    (function() {
+        function onTidioChatApiReady() {
+            window.tidioChatApi.open();
+            document.getElementById('loading').style.display = "none";
+            document.getElementById('loading_logo').style.display = "none";
+        }
+        if (window.tidioChatApi) {
+            window.tidioChatApi.on("ready", onTidioChatApiReady);
+        } else {
+            document.addEventListener("tidioChat-ready", onTidioChatApiReady);
+        }
+    })();
+</script>
+</body>
+</html>
\ No newline at end of file