console icon indicating copy to clipboard operation
console copied to clipboard

Improve formatting of email templates

Open nimish-ks opened this issue 1 year ago • 5 comments

The Email templates need several improvements

  • Make sure logo is displayed
  • Improve typography / spacing / layout
  • Split the header and footer into separate html files for reuse.

All email templates need a rework: https://github.com/phasehq/console/tree/main/backend/api/templates/backend/api/email_templates

Current email look: image

nimish-ks avatar Oct 16 '23 07:10 nimish-ks

What should the template look like? Can you provide an example as a reference?

iaayushmaan avatar Jun 16 '24 19:06 iaayushmaan

CC @rohan-chaturvedi

nimish-ks avatar Jun 17 '24 06:06 nimish-ks

What should the template look like? Can you provide an example as a reference?

Sure, I'll get back to you with some mockups shortly!

rohan-chaturvedi avatar Jun 17 '24 09:06 rohan-chaturvedi

@rohan-chaturvedi sir, can I work on this issue under FOSS Hack? I can ->

  1. I can replicate your designs
  2. I can make and implement my own designs

SaranshBangar avatar Jul 17 '24 11:07 SaranshBangar

Hey @iaayushmaan and @SaranshBangar , sorry for the long delay on creating the designs for this. I've created a figma file here with 4 emails:

  • Welcome email (new email, to be sent to users post-onboard)
  • Login alert
  • User invited
  • User joined

I would suggest using mjml to implement these, it will take care of a lot of the responsiveness and quirks of email client rendering.

Here are the designs as images as well

Welcome email

Welcome email

Login alert

Login

User invite

User invited

User joined org

User joined(2)

rohan-chaturvedi avatar Jul 17 '24 14:07 rohan-chaturvedi