diff --git a/public/locales/en/setting.json b/public/locales/en/setting.json
index 104d32b4..4a895e90 100644
--- a/public/locales/en/setting.json
+++ b/public/locales/en/setting.json
@@ -166,7 +166,8 @@
     "key": "API Secure Key",
     "update": "Update Secret",
     "update_tip": "Are you sure to update API secret? Previous secret will be invalided",
-    "key_tip": "The security key agreed between the server and the third-party app is used to encrypt the communication data."
+    "key_tip": "The security key agreed between the server and the third-party app is used to encrypt the communication data.",
+    "how_to": "How to use?"
   },
   "login": {
     "password": "Password",
diff --git a/public/locales/zh/setting.json b/public/locales/zh/setting.json
index e58b4800..0a7b703f 100644
--- a/public/locales/zh/setting.json
+++ b/public/locales/zh/setting.json
@@ -161,7 +161,8 @@
     "key": "API 安全密钥",
     "update": "更新安全密钥",
     "update_tip": "确定更新API安全密钥？之前密钥将作废",
-    "key_tip": "安全密钥用于服务器与第三方安全通信，请妥善保存！"
+    "key_tip": "安全密钥用于服务器与第三方安全通信，请妥善保存！",
+    "how_to": "使用文档"
   },
   "login": {
     "password": "密码登录",
diff --git a/src/routes/setting/APIConfig.tsx b/src/routes/setting/APIConfig.tsx
index 2f8ca74a..01fd5a8c 100644
--- a/src/routes/setting/APIConfig.tsx
+++ b/src/routes/setting/APIConfig.tsx
@@ -67,6 +67,9 @@ export default function APIConfig() {
       </Tippy>
       <div className="text-xs text-orange-400">
         {t("third_app.key_tip")}
+        <a className="text-primary-500 font-bold" href="https://doc.voce.chat/login-with-other-account" target="_blank" rel="noopener noreferrer">
+          🔗  {t("third_app.how_to")}
+        </a>
       </div>
     </div>
   );