{"id":154807,"date":"2021-06-08T16:28:00","date_gmt":"2021-06-08T14:28:00","guid":{"rendered":"https:\/\/spotler.com\/blog\/email-design-can-learn-from-journalistic-framework"},"modified":"2026-01-16T11:56:52","modified_gmt":"2026-01-16T10:56:52","slug":"email-design-can-learn-from-journalistic-framework","status":"publish","type":"blog","link":"https:\/\/spotler.com\/en-de\/blog\/email-design-can-learn-from-journalistic-framework","title":{"rendered":"The Inverted Pyramid: Email design skills we can learn from a journalistic framework"},"content":{"rendered":"<p id=\"pagina-intro\"><strong>People don&#8217;t read all the content you&#8217;ve stuffed in your transactional emails. Since these emails generally have a single purpose, recipients skip the rest of the content. So, make your emails as clear as possible using the Inverted Pyramid framework. For years, journalists have used this to report news stories. [Surprise!] It works for transactional emails, too.<\/strong><\/p>\n<h2 class=\"wp-block-heading\">What&#8217;s the Inverted Pyramid?<\/h2>\n<p>The inverted pyramid framework is designed to filter and organise your email content. Your main message goes first, followed by some extra details, and ends with side info. The inverted pyramid framework looks like this:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium is-resized\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-300x300.webp\" alt=\"\" class=\"wp-image-77689\" style=\"width:290px;height:auto\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-300x300.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-1024x1024.webp 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-150x150.webp 150w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-768x768.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-767x767.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-190x190.webp 190w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-817x817.webp 817w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid.webp 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Using the&nbsp;Inverted Pyramid&nbsp;for email<\/h2>\n<p>Over time, this filtering technique became the email marketer&#8217;s secret weapon for conversions. Place a gigantic header and CTA below to improve conversion, and you&#8217;re good!<\/p>\n<p>For\u00a0transactional emails, however, we take a more conservative approach. Large header images shouldn&#8217;t divert your reader&#8217;s attention from what the email is actually about.<\/p>\n<p>As I mentioned, a transactional email aims to inform or fulfil a request. So, the most important part of the email is the action before the email, whether it&#8217;s an order confirmation, a password reset request, or a monthly summary.<\/p>\n<p>The example below&nbsp;shows a typical &#8216;mistake&#8217; in transactional email copy:<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"770\" height=\"314\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake.webp\" alt=\"\" class=\"wp-image-77682\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake.webp 770w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake-300x122.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake-768x313.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake-767x313.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example-mistake-466x190.webp 466w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n<p>Here, the order information shows only side details about the order, with the purchased items displayed later. Yet the email should focus on the purchased items instead. That&#8217;s why we like this Asics example so much:<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"967\" height=\"704\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics.webp\" alt=\"\" class=\"wp-image-77675\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics.webp 967w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics-300x218.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics-768x559.webp 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics-767x558.webp 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics-261x190.webp 261w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-asics-817x595.webp 817w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/figure>\n<p>What I love about this email is how it manages expectations. It shows the purchased items and the status of the order is. Plus, the headline adjusts to the expected delivery date. That&#8217;s all you need to know when you&#8217;ve ordered shoes and socks, right?<\/p>\n<p>Another order confirmation that stands out for its pyramidal structure is\u00a0<a href=\"https:\/\/reallygoodemails.com\/emails\/your-etsy-purchase-from-theheartdepartmentco-6500600\/live\" target=\"_blank\" rel=\"noreferrer noopener\">this one from Etsy<\/a>.<\/p>\n<h2 class=\"wp-block-heading\">Crafting transactional emails&nbsp;the pyramidal way<\/h2>\n<p>To get started with better transactional email design and copy, ask yourself:<\/p>\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Why am I sending this email?<\/li>\n<li>What is the purpose of this email?<\/li>\n<li>What else does the receiver of this email need to know or do?<\/li>\n<li>How will they know it&#8217;s from my brand?<\/li>\n<\/ol>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-4a6760e428717204c1254decb7f26247\">Why the email?<\/h3>\n<p>Think of why you&#8217;re sending the email in the first place. Overall, transactional emails are sent as a result of:<\/p>\n<ul class=\"wp-block-list\">\n<li>An order (confirmations\/receipts\/shipments);<\/li>\n<li>A request (i.e. password resets\/2FA\/activation codes);<\/li>\n<li>Alerts\/notifications in an account (mentions\/changes\/login attempts);<\/li>\n<li>(Behavioural) events (shipment updates\/out-of-stock\/reviews);<\/li>\n<li>Periodically generated reports (i.e. account summaries);<\/li>\n<li>A referral\/invitation (&#8220;Your friend Tom invited you to use Spotler&#8221;)<\/li>\n<\/ul>\n<p>The recipient should first read why you&#8217;re sending the email. Sending order confirmation emails? Your headline should be somewhat like &#8220;Thanks for shopping with us&#8221;. Creativity is appreciated, but (transactional) emails are read more often when someone knows what to expect.<\/p>\n<p>Etsy (yes, again) shows how much they appreciate you for buying stuff:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"569\" height=\"263\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-etsy.webp\" alt=\"\" class=\"wp-image-77668\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-etsy.webp 569w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-etsy-300x139.webp 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-etsy-411x190.webp 411w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-etsy-140x65.webp 140w\" sizes=\"(max-width: 569px) 100vw, 569px\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-4e770d4a98cd3515292a31a2242e5c55\">Action\/information in the email<\/h3>\n<p>What is the most important thing your recipient should do with the email? Do they need to absorb the information or click a button? This is the next section of a well-written transactional email.<\/p>\n<p>For example, the most important information in an order confirmation is an overview of the purchased items. The most important action in a password reset email is clicking the reset password button.<\/p>\n<p>Decide the next best action from a customer&#8217;s perspective, not yours.\u00a0<strong>You<\/strong>\u00a0may want people to click your cross-sell offers, but they want an overview of the items they bought. Or, like the\u00a0<strong>Asics<\/strong>\u00a0and\u00a0<strong>Etsy<\/strong>\u00a0examples, they want to know when their items arrive.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"529\" height=\"77\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-shipment.jpg\" alt=\"\" class=\"wp-image-77661\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-shipment.jpg 529w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-shipment-300x44.jpg 300w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-a7db8ad7932bd0fe1b47005c8596f2b0\">Side information on the topic<\/h3>\n<p>The next part of a transactional email is the side information that might be valuable to the receiver. We&#8217;ve mentioned some cases already, but think of:<\/p>\n<ul class=\"wp-block-list\">\n<li>Password reset emails saying:&nbsp;<em>&#8220;Didn&#8217;t ask for a new password? You can ignore this email.&#8221;<\/em><\/li>\n<li>Welcome emails saying:&nbsp;<em>&#8220;Follow us on these social media accounts&#8221;<\/em><\/li>\n<li>Order confirmations saying:&nbsp;<em>&#8220;You might like these items too&#8221;<\/em><\/li>\n<li>Monthly report emails saying:&nbsp;<em>&#8220;Want to make more of your subscription?&nbsp;Try this!&#8221;<\/em><\/li>\n<\/ul>\n<p>It&#8217;s all information that doesn&#8217;t (necessarily) suit the email&#8217;s purpose, but either you or your customer finds&nbsp;<a href=\"https:\/\/www.emailcritic.com\/transactional-email-examples-tips\/\" target=\"_blank\" rel=\"noreferrer noopener\">a valuable addition to the email<\/a>. Think of content, user-generated content, cross- or upsell, or referral\/review programs.<\/p>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-4b5b9ad2d3ca8689635273ce2accffa7\">Branding in the email<\/h3>\n<p>The final part you should worry about in a transactional email is how you&#8217;re branding it. Are you keeping it plain and simple,&nbsp;<a href=\"https:\/\/reallygoodemails.com\/emails\/unrecognized-device-signed-in-to-your-stripe-account\" target=\"_blank\" rel=\"noreferrer noopener\">like Stripe<\/a>, or are you going all in on email design,&nbsp;<a href=\"https:\/\/reallygoodemails.com\/emails\/approved-your-g2-review-of-1password\" target=\"_blank\" rel=\"noreferrer noopener\">like G2<\/a>?<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"779\" height=\"395\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example.png\" alt=\"\" class=\"wp-image-77647\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example.png 779w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example-300x152.png 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example-768x389.png 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example-767x389.png 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example-200x100.png 200w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-stripe-example-375x190.png 375w\" sizes=\"(max-width: 779px) 100vw, 779px\" \/><\/figure>\n<\/div>\n<p>Brand your transactional emails clearly. The clearer the sender, the more likely the recipient is to open. People who don&#8217;t recognise you (or your emails) could ignore, delete or report your emails. That&#8217;s not what you want to happen to your transactional emails.<\/p>\n<p>Picking a grotesque or minimalistic (or anywhere in between) design depends on your email. Email design can distract your receiver. Take Postmates, for example. Their email design varies, but they&#8217;re all still recognisable as Postmates&#8217;. Check out the difference between their\u00a0<a href=\"https:\/\/reallygoodemails.com\/emails\/welcome-to-postmates-unlimited\" target=\"_blank\" rel=\"noreferrer noopener\">welcome email<\/a>,\u00a0<a href=\"https:\/\/reallygoodemails.com\/emails\/thank-you-for-ordering-from-cream-june-15-2018\" target=\"_blank\" rel=\"noreferrer noopener\">order confirmation<\/a>\u00a0and\u00a0<a href=\"https:\/\/reallygoodemails.com\/emails\/reset-your-password\" target=\"_blank\" rel=\"noreferrer noopener\">password reset<\/a>.<\/p>\n<h2 class=\"wp-block-heading\">Handling&nbsp;multiple email triggers<\/h2>\n<p>Transactional emails can have various triggers. A password reset has a few, for example. Periodical resets for security reasons, creating a new password, or simply forgetting one. How can you deal with a variety of triggers?<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-1024x341.png\" alt=\"\" class=\"wp-image-77654\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-1024x341.png 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-300x100.png 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-768x256.png 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-767x256.png 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-570x190.png 570w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset-817x272.png 817w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-password-reset.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Example of triggers for a password reset email<\/em><\/figcaption><\/figure>\n<\/div>\n<p>As we see it, you can take three different approaches to handling emails with various triggers:<\/p>\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Create emails for all scenarios.<\/li>\n<li>Create one generic email.<\/li>\n<li>Create a dynamic email.<\/li>\n<\/ol>\n<p>With the inverted pyramid in mind, let&#8217;s look at how to create one.<\/p>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-bb652b81b65d9f7944d207e06562b02e\">Create emails for all scenarios\u200d<\/h3>\n<p>The basis of the inverted pyramid, &#8220;why do we send this email?&#8221; is quite open to interpretation. For password resets, you could say the goal is to reset a password. Another approach is to say that the &#8216;why&#8217; is because someone forgot their password. This approach leads to different answers to the same question.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"88\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-1024x88.jpg\" alt=\"\" class=\"wp-image-77640\" srcset=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-1024x88.jpg 1024w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-300x26.jpg 300w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-768x66.jpg 768w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-767x66.jpg 767w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2-817x70.jpg 817w, https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example2.jpg 1041w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>We often see emails that say, &#8220;Forgot your password? Don&#8217;t worry, everyone does sometimes&#8221;. Very soothing, indeed, but not when you&#8217;ve requested a reset due to suspicious account activity. The email headline wouldn&#8217;t make sense.<\/p>\n<p>Yet creating multiple emails for a single action (password reset) is time-consuming and hard to manage at scale. So what&#8217;s the other option?<\/p>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-2497c96e70b80206fe988d978f308a93\">Create one generic email<\/h3>\n<p>To keep the number of emails you send manageable, you might want to design just one transactional email per use case. For a password reset, that would come down to this:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"295\" height=\"69\" src=\"https:\/\/spotler.com\/wp-content\/uploads\/2024\/06\/inverted-pyramid-example.webp\" alt=\"\" class=\"wp-image-77633\"\/><\/figure>\n<\/div>\n<p>Since some people (like me) furrow their eyebrows over misplaced headlines, you want to keep your email copy to the point. No marketing hassle. However, the downside of using a single generic email is limited room for creativity. So, how do you keep email manageable but still diversify your messages?<\/p>\n<h3 class=\"wp-block-heading has-blue-color has-text-color has-link-color wp-elements-0bfec15c8d6b391370f39faf54502374\">Create a dynamic email<\/h3>\n<p>To ensure you&#8217;re not going to lose track of all your emails while still being able to personalise, create a dynamic email. One email to rock them all. Dynamic emails let you change the email&#8217;s message based on the input you provide. So, let&#8217;s say you have four different types of password reset triggers. You can use all of them to trigger the same email.<\/p>\n<h2 class=\"wp-block-heading\" id=\"summarized-title\">Summarised<\/h2>\n<p>The inverted pyramid framework helps you design transactional emails that are to-the-point, are well-received by your customers, and will result in more engagement. Remember always to put your main message first. Transactional emails can be your best-converting emails if you use them right, so start with the correct design and content placement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the Inverted Pyramid framework to make your transactional emails clear and concise. Want to know how?<\/p>\n","protected":false},"author":25,"featured_media":77709,"template":"","cat_industry":[1943,1459],"cat_topic":[1001],"class_list":["post-154807","blog","type-blog","status-publish","has-post-thumbnail","hentry","cat_industry-b2b-en-de","cat_industry-b2c-en-de","cat_topic-email-marketing-en-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/blog\/154807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/users\/25"}],"version-history":[{"count":3,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/blog\/154807\/revisions"}],"predecessor-version":[{"id":207375,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/blog\/154807\/revisions\/207375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/media\/77709"}],"wp:attachment":[{"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/media?parent=154807"}],"wp:term":[{"taxonomy":"cat_industry","embeddable":true,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/cat_industry?post=154807"},{"taxonomy":"cat_topic","embeddable":true,"href":"https:\/\/spotler.com\/en-de\/wp-json\/wp\/v2\/cat_topic?post=154807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}