Bear Blog reply via email

A simple way for readers to respond to your posts. No icons, no extra options, just a link at the end of each post.

Uses Bear's {{ post_title }} placeholder to prefill the email subject line, so replies arrive already labeled with the post they're about.

Preview

Reply via email link styled to match the theme

How to use

Add the markup to the end of your posts. If you prefer not to add it manually each time, you can paste the code into your post template (Bear dashboard → Posts → Edit template). Remember to replace the email address with your own.

Markup

<div class="reply-email">
  <a href="mailto:you@example.com?subject=Re:%20{{ post_title }}">Reply via email</a>
</div>

Styles

.reply-email {
  margin-block: 1.5rem;
}

.reply-email a {
  display: inline-block;
  padding-block: 0.4em;
  padding-inline: 1em;
  font-size: calc(var(--font-scale) * 0.85);
  font-weight: 500;
  color: var(--link-color);
  text-decoration: none;
  background: color-mix(in srgb, var(--link-color), var(--background-color) 94%);
  border: 1px solid color-mix(in srgb, var(--link-color), var(--background-color) 82%);
  border-radius: 4px;
}

.reply-email a:focus-visible {
  outline: none;
  border-color: color-mix(in srgb, var(--link-color), transparent 55%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--link-color), transparent 82%);
}

@media (hover: hover) {
  .reply-email a:hover {
    background: color-mix(in srgb, var(--link-color), var(--background-color) 90%);
    border-color: color-mix(in srgb, var(--link-color), var(--background-color) 72%);
  }
}

Want more? Check out the full Bear Blog library.