Making an email like your newsletter shareable is a great way for new people to discover and read your content, and eventually sign up to get your emails. Here's what you should do for the best results, along with the code you'll need for your share links.
Meta info
Within your email's code, you should include social sharing meta info tags. That way when your email link is shared, it will output in the way that you expect it to on different social platforms.
<meta property="og:title" content="Template update workflow">
<meta property="og:type" content="article">
<meta property="og:description" content="Image-only emails, transactional examples, coding practices">
<meta property="og:image" content="https://i3.ytimg.com/vi/upHMX-uECs/maxresdefault.jpg">
<meta property="og:url" content="https://blocksedit.com/newsletter/august-2022.html">
Hosting
You'll need a place to host your email to be availble for viewing online. Because it's just static HTML, you can upload to your web host without having to set anything special up. Additionally, you can create an archive that lists all of your emails.
Share links
If you have a standard place to upload your email and a naming pattern, you'll know what the URL for your email is going to be before you upload the finished version. Use that URL in each share link:
https://twitter.com/intent/tweet?text=Template%20update%20workflow&url=https%3A%2F%2Fblocksedit.com%2Fnewsletter%2Faugust-2022.html&hashtags=emailgeeks,emaildesign
- text - tweet text; use
%20for spaces - url - website URL; use
%3Afor ':' and%2Ffor '/' - hashtags - optional; use a comma to separate
https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fblocksedit.com%2Fnewsletter%2Faugust-2022.html
- url - website URL; use
%3Afor ':' and%2Ffor '/'
https://www.facebook.com/sharer.php?u=https%3A%2F%2Fblocksedit.com%2Fnewsletter%2Faugust-2022.html
- url - website URL; use
%3Afor ':' and%2Ffor '/'
mailto:?subject=Template%20update%20workflow&body=Image-only%20emails,%20transactional%20examples,%20coding%20practices:%20https%3A%2F%2Fblocksedit.com%2Fnewsletter%2Faugust-2022.html
- subject - subject line; use
%20for spaces - body - short blurb; use
%20for spaces - Include website URL at the end; use
%3Afor ':' and%2Ffor '/'
Be sure to always test your social links, including the URL for your email after you upload it to your host.
Blocks Edit allows you to update the meta info for the emails you build and edit in the visual editor, and then transfer them to your host using an FTP integration. Start using it free and try it out with your emails.
