How to send a (mobile responsive) web page as an email?
February 3, 2020 6:49 PM Subscribe
I run a community calendar website for sci-tech events across the state. It's WordPress, uses a mobile responsive theme, and looks really good on a tall/narrow smartphone. I want to send this view as an email newsletter.
But even if I shrink my desktop browser window to its narrowest to show the "mobile view," when I cut and paste it into an email marketing template (or even in any other email), it pastes in the full, wide, huge, blown-out version and looks horrible.
How can I send the pretty "mobile view" of my website as a pretty email? I've tried constraining an enveloping div to a fixed pixel width but while that constrains the flowing text, the images are still a mess.
But even if I shrink my desktop browser window to its narrowest to show the "mobile view," when I cut and paste it into an email marketing template (or even in any other email), it pastes in the full, wide, huge, blown-out version and looks horrible.
How can I send the pretty "mobile view" of my website as a pretty email? I've tried constraining an enveloping div to a fixed pixel width but while that constrains the flowing text, the images are still a mess.
Craft an excellent reason to click on the URL.
posted by oceanjesse at 7:13 PM on February 3, 2020 [4 favorites]
posted by oceanjesse at 7:13 PM on February 3, 2020 [4 favorites]
Best answer: It seems like it would be simple, but alas email html is a dark art. (e.g. Layout is often still done with tables!) Sendgrid has some templates which apparently work quite well (and i assume other bulk mail providers have similar offerings.) And please make sure you have a link to the web version of your newsletter so people can read it in a browser with legible font sizes, etc.
posted by kamelhoecker at 12:19 AM on February 4, 2020
posted by kamelhoecker at 12:19 AM on February 4, 2020
10+ years in email marketing here.
Sadly this is not possible. The best you can do is a mockup of your site with hot links within images to link to your website through their browser but that would be a confusing experience. An app could likely achieve what I think you're trying to get at.
posted by hillabeans at 9:41 AM on February 4, 2020
Sadly this is not possible. The best you can do is a mockup of your site with hot links within images to link to your website through their browser but that would be a confusing experience. An app could likely achieve what I think you're trying to get at.
posted by hillabeans at 9:41 AM on February 4, 2020
« Older What To Expect When You’re Expecting… an Artery... | Short story-filter: disabilities that present as... Newer »
This thread is closed to new comments.
posted by DarlingBri at 6:56 PM on February 3, 2020 [1 favorite]