diff --git a/web/views/@default/dns/providers/createPopup.html b/web/views/@default/dns/providers/createPopup.html
index 6c964225..b8525aea 100644
--- a/web/views/@default/dns/providers/createPopup.html
+++ b/web/views/@default/dns/providers/createPopup.html
@@ -198,6 +198,23 @@
             </tr>
         </tbody>
 
+        <!-- VolcEngine -->
+        <tbody v-if="type == 'volcEngine'">
+            <tr>
+                <td>Access Key ID *</td>
+                <td>
+                    <input type="text" name="paramVolcEngineAccessKeyId" maxlength="100"/>
+                    <p class="comment">在火山引擎“访问控制--API访问密钥”中获取。</p>
+                </td>
+            </tr>
+            <tr>
+                <td>Secret Access Key *</td>
+                <td>
+                    <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100"/>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="type == 'localEdgeDNS'">
             <tr>
diff --git a/web/views/@default/dns/providers/provider.html b/web/views/@default/dns/providers/provider.html
index 5b00ab05..c1a01d6d 100644
--- a/web/views/@default/dns/providers/provider.html
+++ b/web/views/@default/dns/providers/provider.html
@@ -145,6 +145,18 @@
         </tr>
     </tbody>
 
+    <!-- VolcEngine -->
+    <tbody v-if="provider.type == 'volcEngine'">
+        <tr>
+            <td class="color-border">Access Key ID</td>
+            <td>{{provider.apiParams.accessKeyId}}</td>
+        </tr>
+        <tr>
+            <td class="color-border">Secret Access Key</td>
+            <td>{{provider.apiParams.accessKeySecret}}</td>
+        </tr>
+    </tbody>
+
     <!-- Local EdgeDNS -->
     <tbody v-if="provider.type == 'localEdgeDNS'">
         <tr>
diff --git a/web/views/@default/dns/providers/updatePopup.html b/web/views/@default/dns/providers/updatePopup.html
index 218d2d35..abaaa257 100644
--- a/web/views/@default/dns/providers/updatePopup.html
+++ b/web/views/@default/dns/providers/updatePopup.html
@@ -198,6 +198,23 @@
             </tr>
         </tbody>
 
+        <!-- VolcEngine -->
+        <tbody v-if="provider.type == 'volcEngine'">
+            <tr>
+                <td>Access Key ID *</td>
+                <td>
+                    <input type="text" name="paramVolcEngineAccessKeyId" maxlength="100" v-model="provider.params.accessKeyId"/>
+                    <p class="comment">在火山引擎“访问控制--API访问密钥”中获取。</p>
+                </td>
+            </tr>
+            <tr>
+                <td>Secret Access Key *</td>
+                <td>
+                    <input type="text" name="paramVolcEngineAccessKeySecret" maxlength="100" v-model="provider.params.accessKeySecret"/>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="provider.type == 'localEdgeDNS'">
             <tr>