diff --git a/web/src/App.vue b/web/src/App.vue
index 2c3bc8da..211b7bd5 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -296,7 +296,7 @@
           </v-list-item-icon>
 
           <v-list-item-content>
-            <v-list-item-title>Integrations</v-list-item-title>
+            <v-list-item-title>{{ $t('integrations') }}</v-list-item-title>
           </v-list-item-content>
         </v-list-item>
 
diff --git a/web/src/lang/en.js b/web/src/lang/en.js
index 8d46363e..11d4a9fb 100644
--- a/web/src/lang/en.js
+++ b/web/src/lang/en.js
@@ -239,4 +239,11 @@ export default {
   CreateDemoProject: 'Create Demo Project',
   LeaveProject: 'Leave Project',
   integration: 'Integration',
+  integrations: 'Integrations',
+  NewIntegration: 'New Integration',
+  EditIntegration: 'Edit Integration',
+  DeleteIntegration: 'Delete Integration',
+  DeleteIntegrationMsg: 'Are you sure you want to delete this Integration?',
+  AddAlias: 'Add Alias',
+  LoadAlias: 'Loading aliases...',
 };
diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js
index e4ebb38a..930654c7 100644
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -238,5 +238,13 @@ export default {
   Run: '运行',
   CreateDemoProject: '创建模板项目',
   LeaveProject: '离开项目',
-
+  Schedule: '计划任务',
+  integration: '外部集成',
+  integrations: '外部集成',
+  NewIntegration: '新增集成',
+  EditIntegration: '编辑集成',
+  DeleteIntegration: '删除集成',
+  DeleteIntegrationMsg: '确定删除此集成吗？',
+  AddAlias: '新增 Alias',
+  LoadAlias: '列出已有的 Alias',
 };
diff --git a/web/src/views/project/Integrations.vue b/web/src/views/project/Integrations.vue
index b8991630..0f2c3bea 100644
--- a/web/src/views/project/Integrations.vue
+++ b/web/src/views/project/Integrations.vue
@@ -2,8 +2,8 @@
   <div v-if="items != null && templates != null">
     <EditDialog
       v-model="editDialog"
-      :save-button-text="itemId === 'new' ? 'Create' : 'Save'"
-      :title="`${itemId === 'new' ? 'New' : 'Edit'} Integration`"
+      :save-button-text="itemId === 'new' ? $t('create') : $t('save')"
+      :title="itemId === 'new' ? $t('NewIntegration') : $t('EditIntegration')"
       :max-width="450"
       :transition="false"
       @save="loadItems()"
@@ -28,20 +28,20 @@
     />
 
     <YesNoDialog
-      title="Delete Integration"
-      text="Are you sure you want to delete this Integration?"
+      :title="$t('DeleteIntegration')"
+      :text="$t('DeleteIntegrationMsg')"
       v-model="deleteItemDialog"
       @yes="deleteItem(itemId)"
     />
 
     <v-toolbar flat>
       <v-app-bar-nav-icon @click="showDrawer()"></v-app-bar-nav-icon>
-      <v-toolbar-title>Integrations</v-toolbar-title>
+      <v-toolbar-title>{{ $t('integrations') }}</v-toolbar-title>
       <v-spacer></v-spacer>
       <v-btn
         color="primary"
         @click="editItem('new')"
-      >New Integration
+      >{{ $t('NewIntegration') }}
       </v-btn>
     </v-toolbar>
 
@@ -59,7 +59,7 @@
       </div>
 
       <v-btn color="primary" @click="addAlias()" :disabled="aliases == null">
-        {{ aliases == null ? 'Loading aliases...' : 'Add Alias' }}
+        {{ aliases == null ? $t('LoadAlias') : $t('AddAlias') }}
       </v-btn>
     </div>