diff --git a/src/template/web.chat.header/email.html b/src/template/web.chat.header/email.html
new file mode 100644
index 00000000..b1a8444a
--- /dev/null
+++ b/src/template/web.chat.header/email.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<head>
+	<meta name="viewport" content="width=device-width">
+	<meta charset="utf-8"><title>{{.Option "subject"}}</title>
+	<link href="{{.Option "volcano"}}/volcanos/favicon.ico" rel="shortcut icon" type="image/ico">
+	<link href="{{.Option "volcano"}}/volcanos/index.css{{.Option "version"}}" rel="stylesheet">
+	<link href="{{.Option "volcano"}}/volcanos/page/cache.css{{.Option "version"}}" rel="stylesheet">
+</head>
+<body>
+	<script>_version = "{{.Option "version"}}"</script>
+	<script src="{{.Option "volcano"}}/volcanos/const.js{{.Option "version"}}"></script>
+	<script src="{{.Option "volcano"}}/volcanos/proto.js{{.Option "version"}}"></script>
+	<script src="{{.Option "volcano"}}/volcanos/page/cache.js{{.Option "version"}}"></script>
+	<script> Volcanos({volcano: "{{.Option "volcano"}}", panels: [], plugins: [], _init: function(can) { can.user.email(can) }}) </script>
+	<iframe src="{{.Option "user.web"}}"></iframe>
+	<p>from: <a href="{{.Option "user.web"}}">{{.Option "user.web"}}</a></p>
+	<p>{{.Option "content"}}</p>
+</body>
