This template that was exported to Mailchimp is not editable within Mailchimp (aside from a handful of tags Mailchimp seems to recognize automatically).
Goal
The end goal would be to have a template in Mailchimp where we can drag/drop blocks in Mailchimp that use these styles, without having to return to BeeFree to author each campaign.
Current status
The Array 1.29.0 email was about 80% of the way there, but wasn't isn't perfect. (See Figma mock linked at top for reference.)
Non-comprehensive list of to-dos
[ ] Get font working (MatterSQ)
For 1.29.0, it used Poppins (and of course falls back to a decent font stack for email browsers that don't support webfonts). But we should use our actual font! The woff2 font files are hosted in our posthog-static-files S3 bucket, inside the /email folder. (I created fonts.css in that directory to reference the fonts, but ran into trouble with CORS which still needs to be sorted.) Also keep an eye out when exporting HTML from BeeFree, should we choose to stick with it, as it will incorrectly include references to 20+ fonts (seems like a bug).
[ ] Use Cloudfront for fonts?
Probably shouldn't be linking to the S3 bucket directly as it's quite a bit more expensive than using Cloudfront in front of it. (Related: we are linking to a bunch of graphics in the S3 bucket on our website, which we may also want to address.)
[ ] Full-width dashed lines
Not critical, but I had wanted the dashed lines to extend to fill the width of the email window, but it was a little harder to do this directly in BeeFree so I punted for the time being.
[ ] Defeat dark mode
If you view in dark mode in the Gmail mobile app, it removes the background color we set in the email. Ideal case would be to be smarter than Gmail so the background is always tan.
(I think there's more - I'll add to this list as I think of things.)
I quite like the articles and product itself on http://litmus.com which helps testing mails in different mail clients and lists typical issues between clients. Maybe you find it useful too
I recently designed new email templates - both for transactional emails (for the product) and for marketing campaigns (more context).
After designing them, I used Beefree Pro to create the HTML.
The latest marketing template is what I put together for Array 1.29.0. (There's an easy export to Mailchimp, which I used to get the email out.)
This template that was exported to Mailchimp is not editable within Mailchimp (aside from a handful of tags Mailchimp seems to recognize automatically).
Goal
The end goal would be to have a template in Mailchimp where we can drag/drop blocks in Mailchimp that use these styles, without having to return to BeeFree to author each campaign.
Current status
The Array 1.29.0 email was about 80% of the way there, but wasn't isn't perfect. (See Figma mock linked at top for reference.)
Non-comprehensive list of to-dos
posthog-static-files
S3 bucket, inside the/email
folder. (I created fonts.css in that directory to reference the fonts, but ran into trouble with CORS which still needs to be sorted.) Also keep an eye out when exporting HTML from BeeFree, should we choose to stick with it, as it will incorrectly include references to 20+ fonts (seems like a bug).