diff --git a/frontend/src/i18n/zh.js b/frontend/src/i18n/zh.js
index 2d75b1f3..e275afd0 100644
--- a/frontend/src/i18n/zh.js
+++ b/frontend/src/i18n/zh.js
@@ -409,6 +409,7 @@ export default {
   'Release Note': '发布记录',
   'How to Upgrade': '升级方式',
   'Release': '发布',
+  'Add Wechat to join discussion group': '添加微信 tikazyq1 加入交流群',
 
   // 登录
   'Sign in': '登录',
diff --git a/frontend/src/views/layout/components/Navbar.vue b/frontend/src/views/layout/components/Navbar.vue
index 5e380e1b..7dfa804f 100644
--- a/frontend/src/views/layout/components/Navbar.vue
+++ b/frontend/src/views/layout/components/Navbar.vue
@@ -61,6 +61,20 @@
         <span style="margin-left: 5px;">{{$t('Upgrade')}}</span>
       </el-badge>
     </div>
+    <el-popover
+      class="wechat right"
+      trigger="click"
+    >
+      <div style="margin-bottom: 5px">
+        <label>{{$t('Add Wechat to join discussion group')}}</label>
+      </div>
+      <div>
+        <img class="wechat-img" src="http://static-docs.crawlab.cn/wechat.jpg">
+      </div>
+      <div slot="reference">
+        <i class="fa fa-wechat"></i>
+      </div>
+    </el-popover>
     <div class="github right">
       <!-- Place this tag where you want the button to render. -->
       <github-button
@@ -277,6 +291,12 @@ docker-compose up -d
       }
     }
 
+    .wechat {
+      color: #606266;
+      margin-right: 35px;
+      cursor: pointer;
+    }
+
     .right {
       float: right
     }
@@ -287,3 +307,8 @@ docker-compose up -d
     padding-top: 0;
   }
 </style>
+<style>
+  .wechat-img {
+    width: 240px;
+  }
+</style>