diff --git a/src/components/ReplyViaEmail.astro b/src/components/ReplyViaEmail.astro
new file mode 100644
index 0000000..e32f13d
--- /dev/null
+++ b/src/components/ReplyViaEmail.astro
@@ -0,0 +1,4 @@
+---
+const { title } = Astro.props;
+---
+<a href={`mailto:test@email.com?subject=RE:${title}&body=Hi,\n\nI would like to reply to your post "${title}".`}>Reply via Email</a>
\ No newline at end of file
diff --git a/src/pages/post/[...slug].astro b/src/pages/post/[...slug].astro
index 9f28920..860b1b5 100644
--- a/src/pages/post/[...slug].astro
+++ b/src/pages/post/[...slug].astro
@@ -7,6 +7,8 @@ import { unified } from "unified";
 import { select } from "unist-util-select";
 import remarkMdx from "remark-mdx";
 import remarkParse from "remark-parse";
+import {siteConfig} from "../../config";
+import ReplyViaEmail from "../../components/ReplyViaEmail.astro";
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('posts');
@@ -17,7 +19,7 @@ export async function getStaticPaths() {
 
 const { entry } = Astro.props;
 const { Content } = await entry.render();
-
+const noscript = siteConfig.noClientJavaScript
 const slug = Astro.params.slug;
 
 // get featured image and use it as og:image
@@ -45,9 +47,10 @@ const cover = customFeaturedImage || matchedImage_src?.src || `/post/${slug}/fea
       </div>
 
     <div style="margin-top: 2rem; border-top: 1px solid var(--border-color); padding-top: 1rem;">
-    <h2>Comments</h2>
-    <Comments path={`post/${slug}`} />
+    <ReplyViaEmail title={entry.data.title} />
+        <br>
     <a href="/blog">&larr; Back to posts</a>
+    {noscript && <h2>Comments</h2> <Comments path={`post/${slug}`} />}
   </div>
 
 </Layout>
\ No newline at end of file