Michael-R Posted March 6 Share Posted March 6 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 9 1 Link to comment Share on other sites More sharing options...
monollonom Posted March 6 Share Posted March 6 (edited) 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 :-) 3 Link to comment Share on other sites More sharing options...
Michael-R Posted March 6 Author Share Posted March 6 Thank you so much @monollonom for your feedback and for pointing that out, appreciate it! I fixed the UI issue just now. 2 Link to comment Share on other sites More sharing options...
monollonom Posted March 6 Share Posted March 6 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. simplesignature.mp4Fetching info... 2 Link to comment Share on other sites More sharing options...
Michael-R Posted March 6 Author Share Posted March 6 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. 2 Link to comment Share on other sites More sharing options...
wbmnfktr Posted March 6 Share Posted March 6 I love it! 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now