diff --git a/content/en/docs/multicluster-management/enable-multicluster/direct-connection.md b/content/en/docs/multicluster-management/enable-multicluster/direct-connection.md
index df6807a14..a129780b9 100644
--- a/content/en/docs/multicluster-management/enable-multicluster/direct-connection.md
+++ b/content/en/docs/multicluster-management/enable-multicluster/direct-connection.md
@@ -154,20 +154,20 @@ kubectl logs -n kubesphere-system $(kubectl get pod -n kubesphere-system -l app=
    
    ![add-cluster](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/add-cluster.png)
 
-2. Enter the basic information of the cluster to be imported and click **Next**.
+2. Enter the basic information of the cluster to be imported on the **Import Cluster** page. You can also click **Edit Mode** in the top right corner to view and edit the basic information in YAML format. After you finish editing, click **Next**.
 
      ![cluster-info](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-info.png)
 
-3. In **Connection Method**, select **Direct Connection to Kubernetes cluster**, copy the KubeConfig of the member cluster and paste it into the box.
+3. In **Connection Method**, select **Direct Connection**, and copy the kubeconfig of the Member Cluster and paste it into the box. You can also click **Edit Mode** in the top right corner to edit the kubeconfig of the Member Cluster in YAML format.
 
      {{< notice note >}}
 
-Make sure the `server` address in KubeConfig is accessible on any node of the host cluster.
+Make sure the `server` address in KubeConfig is accessible on any node of the Host Cluster.
 
      {{</ notice >}}
     
-     ![kubeconfig](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.jpg)
+     ![kubeconfig](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.png)
 
-4. Click **Import** and wait for cluster initialization to finish.
+4. Click **Create** and wait for cluster initialization to finish.
    
-     ![cluster-imported](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-imported.png)
+     ![cluster-imported](/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-imported.png)
\ No newline at end of file
diff --git a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/add-cluster.png b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/add-cluster.png
index 294e1abda..1cf4908f8 100644
Binary files a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/add-cluster.png and b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/add-cluster.png differ
diff --git a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-info.png b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-info.png
index cb6cb6cb7..58c428fc8 100644
Binary files a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-info.png and b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/cluster-info.png differ
diff --git a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.jpg b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.jpg
deleted file mode 100644
index 4fdf19072..000000000
Binary files a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.jpg and /dev/null differ
diff --git a/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.png b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.png
new file mode 100644
index 000000000..4fac6cac9
Binary files /dev/null and b/static/images/docs/multicluster-management/enable-multicluster-management-in-kubesphere/direct-connection/kubeconfig.png differ