Jump to content

simplesignature.email – A Minimal Email Signature Editor Built with ProcessWire


Michael-R
 Share

Recommended Posts

Hello everyone! 🙂 

I’ve been using ProcessWire for well over a decade now, so I've been reading here forever, but never actually posted! I recently launced simplesignature.email and once again was delighted how great ProcessWire works for me, so I decided to share this one here!

We’re a creative duo (Michael, and Stefan) from Switzerland working at and for many creative and branding agencies over the years. One thing often comes up: we need to create consistent email signatures for our clients. After trying many unsatisfying solutions, we decided to build our own.

Goals:

  • Clean, very minimal and easy to use, targeted mostly at designers
  • Work reliably across email clients
  • Possibility to easily share a signature with team members or clients
  • Free of the common issues (PNG logos, font inconsistencies, broken layouts)

So we built Simple Signature!

Technical Stuff / ProcessWire Architecture

  • Each user gets one ProcessWire page that stores all their signature configurations as JSON
  • We bypassed ProcessWire's user system for a simpler magic link authentication (most users don’t need to login)

Technical Features

  • Client-server synchronization with signature configs stored in localStorage first and then pushed to the server, with debounced synchronization to do this efficiently
  • Pure vanilla JavaScript with modular components for real-time preview rendering
  • Server-side image processing using Imagick for different image shapes (circle, square, rectangle)

“Business” Model

  • Free for individual use (one signature)
  • Pro plan enables multuple signatures and sharing them via a link - useful for agencies creating signatures for clients
  • Simple Lemon Squeezy checkout overlay integration for payment processing
  • While we’re not primarily revenue-focused - we built it for our own needs and as a free tool – a few paid users might help support operation and hosting costs for free tier

Let me know if you happen to have a use for Pro features – happy to send you a discount code!

Third Party Modules used:

As primarily a frontend developer, I found ProcessWire to be (again!) the perfect backend solution for this project, even without extensive PHP experience. It’s just super flexible, easy to use and robust.

Visit simplesignature.email/signature-editor/ to see the tool it in action. 

Happy to answer any questions!

Best, Michael

spacer.png

  • Like 9
  • Thanks 1
Link to comment
Share on other sites

Nice one, I can see myself using this for a quick email signature!

Just one small UI issue: you need to specify "min-width:0" on .input-bar__field otherwise the bold icon doesn’t fit in on links (on Firefox at least):

1449590483_ScreenShot2025-03-06at11_29.13-fullpage.thumb.png.3925829a7835686496848dc23db3f8c4.png

Edited by monollonom
Removed remark on serif fonts, I just read the FAQ :-)
  • Like 3
Link to comment
Share on other sites

You’re welcome!

Another small remark from quickly using it: maybe you should only allow to drag-and-drop when using the handle, instead of the whole bar. If I try to select text (or double-click to select the whole text) I cannot because it moves the bar. Also if I happen to release the drag on a text field, it appends the bar’s position.

  • Like 2
Link to comment
Share on other sites

So cool to see you using it!

Oh, this was bugging me too, it actually has already been on my todo list for some time. Your comment made me finally tackle it! It's much better this way.

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...