diff --git a/templates/org/settings/hook_new.tmpl b/templates/org/settings/hook_new.tmpl
index 4a1323568a..d4343f8c68 100644
--- a/templates/org/settings/hook_new.tmpl
+++ b/templates/org/settings/hook_new.tmpl
@@ -1,26 +1,5 @@
 {{template "org/settings/layout_head" (dict "ctxData" . "pageClass" "organization settings new webhook")}}
-			<div class="org-setting-content">
-				<h4 class="ui top attached header">
-					{{if .PageIsSettingsHooksNew}}{{.locale.Tr "repo.settings.add_webhook"}}{{else}}{{.locale.Tr "repo.settings.update_webhook"}}{{end}}
-					<div class="ui right">
-						{{template "shared/webhook/icon" .}}
-					</div>
-				</h4>
-				<div class="ui attached segment">
-					{{template "repo/settings/webhook/gitea" .}}
-					{{template "repo/settings/webhook/gogs" .}}
-					{{template "repo/settings/webhook/slack" .}}
-					{{template "repo/settings/webhook/discord" .}}
-					{{template "repo/settings/webhook/dingtalk" .}}
-					{{template "repo/settings/webhook/telegram" .}}
-					{{template "repo/settings/webhook/msteams" .}}
-					{{template "repo/settings/webhook/feishu" .}}
-					{{template "repo/settings/webhook/matrix" .}}
-					{{template "repo/settings/webhook/wechatwork" .}}
-					{{template "repo/settings/webhook/packagist" .}}
-				</div>
-
-				{{template "repo/settings/webhook/history" .}}
-			</div>
-
+	<div class="org-setting-content">
+		{{template "webhook/new" .}}
+	</div>
 {{template "org/settings/layout_footer" .}}
diff --git a/templates/repo/settings/webhook/new.tmpl b/templates/repo/settings/webhook/new.tmpl
index 1b04742221..79fd4bd2ff 100644
--- a/templates/repo/settings/webhook/new.tmpl
+++ b/templates/repo/settings/webhook/new.tmpl
@@ -1,25 +1,5 @@
 {{template "repo/settings/layout_head" (dict "ctxData" . "pageClass" "repository settings new webhook")}}
 	<div class="repo-setting-content">
-		<h4 class="ui top attached header">
-			{{if .PageIsSettingsHooksNew}}{{.locale.Tr "repo.settings.add_webhook"}}{{else}}{{.locale.Tr "repo.settings.update_webhook"}}{{end}}
-			<div class="ui right">
-				{{template "shared/webhook/icon" .}}
-			</div>
-		</h4>
-		<div class="ui attached segment">
-			{{template "repo/settings/webhook/gitea" .}}
-			{{template "repo/settings/webhook/gogs" .}}
-			{{template "repo/settings/webhook/slack" .}}
-			{{template "repo/settings/webhook/discord" .}}
-			{{template "repo/settings/webhook/dingtalk" .}}
-			{{template "repo/settings/webhook/telegram" .}}
-			{{template "repo/settings/webhook/msteams" .}}
-			{{template "repo/settings/webhook/feishu" .}}
-			{{template "repo/settings/webhook/matrix" .}}
-			{{template "repo/settings/webhook/wechatwork" .}}
-			{{template "repo/settings/webhook/packagist" .}}
-		</div>
-
-		{{template "repo/settings/webhook/history" .}}
+		{{template "webhook/new" .}}
 	</div>
 {{template "repo/settings/layout_footer" .}}
diff --git a/templates/user/settings/hook_new.tmpl b/templates/user/settings/hook_new.tmpl
index 83ae4801b4..4d3ddf0383 100644
--- a/templates/user/settings/hook_new.tmpl
+++ b/templates/user/settings/hook_new.tmpl
@@ -1,27 +1,5 @@
 {{template "user/settings/layout_head" (dict "ctxData" . "pageClass" "user settings new webhook")}}
 	<div class="user-setting-content">
-		<div class="user-setting-content">
-				<h4 class="ui top attached header">
-				{{if .PageIsSettingsHooksNew}}{{.locale.Tr "repo.settings.add_webhook"}}{{else}}{{.locale.Tr "repo.settings.update_webhook"}}{{end}}
-				<div class="ui right">
-					{{template "shared/webhook/icon" .}}
-				</div>
-			</h4>
-			<div class="ui attached segment">
-				{{template "repo/settings/webhook/gitea" .}}
-				{{template "repo/settings/webhook/gogs" .}}
-				{{template "repo/settings/webhook/slack" .}}
-				{{template "repo/settings/webhook/discord" .}}
-				{{template "repo/settings/webhook/dingtalk" .}}
-				{{template "repo/settings/webhook/telegram" .}}
-				{{template "repo/settings/webhook/msteams" .}}
-				{{template "repo/settings/webhook/feishu" .}}
-				{{template "repo/settings/webhook/matrix" .}}
-				{{template "repo/settings/webhook/wechatwork" .}}
-				{{template "repo/settings/webhook/packagist" .}}
-			</div>
-
-			{{template "repo/settings/webhook/history" .}}
-		</div>
+		{{template "webhook/new" .}}
 	</div>
 {{template "user/settings/layout_footer" .}}
diff --git a/templates/webhook/new.tmpl b/templates/webhook/new.tmpl
new file mode 100644
index 0000000000..b5878fc930
--- /dev/null
+++ b/templates/webhook/new.tmpl
@@ -0,0 +1,20 @@
+<h4 class="ui top attached header">
+	{{if .PageIsSettingsHooksNew}}{{.locale.Tr "repo.settings.add_webhook"}}{{else}}{{.locale.Tr "repo.settings.update_webhook"}}{{end}}
+	<div class="ui right">
+		{{template "shared/webhook/icon" .}}
+	</div>
+</h4>
+<div class="ui attached segment">
+	{{template "repo/settings/webhook/gitea" .}}
+	{{template "repo/settings/webhook/gogs" .}}
+	{{template "repo/settings/webhook/slack" .}}
+	{{template "repo/settings/webhook/discord" .}}
+	{{template "repo/settings/webhook/dingtalk" .}}
+	{{template "repo/settings/webhook/telegram" .}}
+	{{template "repo/settings/webhook/msteams" .}}
+	{{template "repo/settings/webhook/feishu" .}}
+	{{template "repo/settings/webhook/matrix" .}}
+	{{template "repo/settings/webhook/wechatwork" .}}
+	{{template "repo/settings/webhook/packagist" .}}
+</div>
+{{template "repo/settings/webhook/history" .}}