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

[Michael-R]

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:

• MarkupCloudflareTurnstile to make sure users requesting to create a login magic link are human
• WireMailSmtp to send emails

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

[monollonom]

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):

Edited March 6 by monollonom
Removed remark on serif fonts, I just read the FAQ :-)

[Michael-R]

Thank you so much @monollonom for your feedback and for pointing that out, appreciate it!
I fixed the UI issue just now.

[monollonom]

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.

[Michael-R]

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.

[wbmnfktr]

I love it!