Adrian Young, Author at The Email Factory

Artificial intelligence

Photoshop AI image generation – is it any good?

5 minute read

Adrian Young

Generative AI feels simultaneously revolutionary and rudimentary. It’s an incredible, world-changing technology in some respects… but a glitchy, error-riddled prototype in others.

With regards specifically to image generation, there are now several tools on the market. Some are standalone applications and others are additions to existing software. Adobe, no stranger to the forefront of visual technology, is one of the players. Let’s see what Photoshop’s image generation functionality can do.

An impossible photoshoot

Photoshop offers two top-level categories of generative AI image: photo and art. We’ll try the former first.

I have to admit, I could not immediately think of any fauxtographic content that I might want to conjure up for an email in a real-world scenario. My first notion was a tropical beach, for a travel company I suppose… but why would they want to show an imaginary destination? Then I considered something as painfully generic as a person checking their phone. But come on, this is an AI image generator – we can let our imagination run riot.

With that in mind, I settled on something out-of-this-world, literally:

astronaut relaxing on a sun lounger on the surface of the moon

Why would we need that? Who knows. But it’s a good example of something that we could not obtain a real photograph of, no matter how nicely we asked NASA. Photoshop helpfully rattles off three variations whenever you generate an image, letting you pick your favourite, or opting to spin again if none hit the mark. Here are my three leisurely astronauts:

Photoshop has followed the prompt accurately but I can’t say I’m particularly enthused about any of the three pictures. Curiously they all have a second moon in the background. If you look carefully at the night sky in real life, you’ll notice we only have one. But this gives me an idea for enriching the image:

astronaut relaxing on a sun lounger on the surface of the moon, planet Earth visible in the background

These are far more pleasing to the eye. The composition in the first variation is lovely. We have a winner.

Art-ificiality

Photoshop did an excellent job at generating photographic content. Now let’s see how well it performs at the other category: art.

Here’s what it came up with for the same prompt:

Each of these has a somewhat realistic digital airbrushing look. They’re alright, if a bit characterless. But let’s not blame Photoshop for that – we didn’t give it any styling guidance.

We need to be more specific about what we want:

astronaut relaxing on a sun lounger on the surface of the moon, planet Earth visible in the background, vector art, minimalist, green white and black colours

The results:

These are are getting much nicer, particularly the third variation. They still aren’t quite what I had in mind. It’s time to explore the effects options. Adobe provides a large array of pre-defined styling techniques. For our astronaut, I’m going for flat design plus bold outlines (you can apply multiple effects).

And here’s how it’s looking:

It’s still a lot more detailed than I had in mind. It’s hardly minimalist. Perhaps if I found just the right combination of words and experimented more with effects, then it might produce something more like a vector drawing and less like some kind of traced photograph.

Style-conscious

But we’re not going to sit here and experiment endlessly. There are deadlines to meet! Instead we’re going to feed Photoshop a reference image. We have a distinct illustrative style at The Email Factory, so let’s grab an image from our design team:

And we’ll load it in the image generator:

The wording makes it very clear that we are matching the style of the image – not its composition. Here goes nothing:

For each row I tried different phrasing and settings in addition to the source image. On the third row I kept the prompt simple, describing only the scene rather than the styling, selected no effects and did not even specify ‘art’. That final set is the closest match. The lesson here is to keep it simple when working with a reference image.

But are any of these actually usable? Does it emulate our style closely enough to be practical? The answer is no. Bottom middle is the best of the lot, and is a whimsically pleasant illustration in its own right, but it’s nowhere near authentic enough for us to consider using in a commercial sense.

Generative AI as a creative assistant

We’re forgetting a crucial detail – we’re working in the world’s most powerful image editing application. That means that we don’t need to use the AI-generated image straight as it comes. Instead, we can use it as a base to work from. And we could combine multiple generated images. We can do whatever we want.

This is how I see generative AI being actually useful rather than a novelty. Not as a magical do-it-all but as another creative tool in the belt.

Time to answer the question: is Photoshop’s image generation any good? Yes, it is – but so are you.

Email best practice

Gmail truncation – what gets the chop?

3 minute read

Adrian Young

It’s a well-known fact that Gmail truncates emails over a certain size. At least I think it’s well-known. There are still plenty of brands out there sending big bulky emails that exceed the limit. Here’s what happens when they do:

Yes, the missing portion is technically still available. Via a click. But let’s be real – who is going to do that?

Keep it under 100

If your email code exceeds around 100KB, you’ve hit the limit. That means the code content of your HTML file only. Images are a separate entity and not a factor in truncation.

Email code is responsible for:

General template setup and fixes
HTML elements and their attributes
CSS, both inline and in the head of your document
Text content
Code indentation

But in practical terms, we can consider that 100KB to be shared between just two things:

Content
Design

A quick fix

First thing first – you probably don’t want to sacrifice either content or design, and you might not have to. Stripping indentations can make a significant saving in code, and is often sufficient to pull a large email back into safety.

It’s worth pointing out that this technique doesn’t work in all email platforms. Some of them will reformat the code, thus restoring the indentations, and you’re back to square one. Thankfully most don’t do that.

If your email is still over the limit, you might then consider looking for sections of your email that could be coded a little more efficiently. That will shave a few bytes here and there. But frankly, unless your code was terribly bloated in the first place, the savings are going to be negligible. You’re going to have to make a tougher decision.

What matters more?

You have lots of stuff to offer your customer, and you want your customer to see it. And you want it to look pretty too. That’s a problem, because:

lots of content x complex design = too much code

Something has to go. There are a couple of questions to help determine the next step.

Is your design a little too much?

I’ve personally been involved in many a desperate battle to squeeze a marketing email under the limit. And every time I wonder why are we having this fight? Often the problem could be solved by reining in the design to a more medium-appropriate form.

There’s nothing wrong with a good-looking email of course. It certainly doesn’t need to be plain. But there is a point at which the design becomes needlessly elaborate, especially in this medium that requires so many tricks. It’s worth taking a step back and re-examining the design:

Is it fancy for the sake of being fancy?
Are links applied to every square inch? Those add up quickly.
Does it communicate what it needs to?

Are you showing the right content to the right people?

We established already that you have a lot of content that you’d like to promote. Products for every need. Juicy offers aplenty. You name it.

But does every customer need to see all of it? The answer is no. They’re probably not going to peruse your email with the same level of attention with which you created it.

Targeted, relevant content is so much better. That keeps your email focused, without the bloated file size.

A necessary nuisance

Email truncation can feel like a source of frustration. Why would someone interfere with our emails like this!?

But that’s the wrong way to look at it. It provides a benefit to the customer. And really it provides a benefit to us marketers by reminding us about best practice.

So, what gets the chop? Bad practice. And who’d want to keep that?

Email coding

Become an interactive email master

2 minute read

Adrian Young

Open, read, click. That’s all there is to email, right? Wrong!

Thanks to some clever coding techniques, email can become a rich interactive environment. Quizzes, menus, surveys, games – you name it. Your imagination is the limit.

Pushing the boundaries of a medium is of course no small task. But we’ve got you covered. Download our 86-page Complete Guide to Interactive Email, and your brand could be sending world-class interactive mailings before you know it.

Get the guide

Sneak preview

Our guide covers everything you need to know about interactive email. The whats, the hows, the whys. Here’s what to expect:

An in-depth guide to the checkbox hack – the CSS technique that makes interactivity possible.
Downloadable demo files. Experiment with and learn from existing code.
Examples of the coolest interactive content possible.
Our tips for content, accessibility, animation, design and more.

Set your brand apart

Interactive content is experimental. Most brands currently send mailings of a more traditional nature. There’s nothing wrong with that, of course. But there’s a lot right with putting your brand at the forefront of email. Make your customers excited to open your emails and the rewards will speak for themselves.

Get involved

Email is niche, and interactive email is even niche-er! We’d love to hear about your interactive content projects, big or small.

Email coding

Totally random

7 minute read

Adrian Young

Do you like surprises? Your customer might. We all know about the value of personalisation in email, but is there room too for a touch of randomisation?

Randomisation as a feature

First things first. We don’t mean dropping random content into emails like some kind of scattershot A/B test, or A/B/C/D/E/F/G test for that matter. We’re talking about the element of chance as an interactive feature. Think along the lines of spin-the-wheel, where the user is aware that they can trigger a random result. And, crucially, that they want to.

How it works

Randomisation is a form of interactive email. The state of an input element – i.e. a checkbox or radio button – can be used to toggle styling on any number of other elements on the page. That lets you show, hide, move or otherwise change content in your email based on the user’s actions. This technique is known as the checkbox hack.

While JavaScript has built-in functionality to generate a random number, HTML and CSS do not. And email of course is a JavaScript-free environment. But there is still one variable and unpredictable factor – user timing. We don’t know when the reader will hit the button. We can capitalise on that.

First, we place a series of identical-looking triggers. Next, we cycle through them rapidly. We’re talking milliseconds. The result of a click is equally random to developer and customer alike.

Let’s build it

We need some inputs. Radio buttons to be precise. Let’s say we have ten possible random results. Therefore we need ten triggers:



	<input type="radio" name="radio-group" id="radio-1">

	<input type="radio" name="radio-group" id="radio-2">

	<input type="radio" name="radio-group" id="radio-3">

	<input type="radio" name="radio-group" id="radio-4">

	<input type="radio" name="radio-group" id="radio-5">

	<input type="radio" name="radio-group" id="radio-6">

	<input type="radio" name="radio-group" id="radio-7">

	<input type="radio" name="radio-group" id="radio-8">

	<input type="radio" name="radio-group" id="radio-9">

	<input type="radio" name="radio-group" id="radio-10">

The name attribute is the same for all of our radio buttons, thus grouping them. Only one can be active at a time. This is extremely useful functionality for interactive email in general, and will be helpful here for testing.

The id attribute on the other hand is unique to each radio button. We’ll use these to identify which radio button has been pressed.

Secret message

Our triggers need something to, well, trigger. We’ll create ten div-wrapped messages to go along with our ten triggers. They’ll all be hidden at the start.

Even though this is a no-frills, bare-bones example, we’ll stick them in a container. That better resembles the structure of a full-on interactive email.



	<div class="messages">

		    <div class="message message-1">You pressed trigger 1</div>

		    <div class="message message-2">You pressed trigger 2</div>

		    <div class="message message-3">You pressed trigger 3</div>

		    <div class="message message-4">You pressed trigger 4</div>

		    <div class="message message-5">You pressed trigger 5</div>

		    <div class="message message-6">You pressed trigger 6</div>

		    <div class="message message-7">You pressed trigger 7</div>

		    <div class="message message-8">You pressed trigger 8</div>

		    <div class="message message-9">You pressed trigger 9</div>

		    <div class="message message-10">You pressed trigger 10</div>

	</div>

You’ll notice that they each have two class names. We’ll use one of those to to neatly hide all messages by default.



	.message {

		    display: none;

	}

The other class name will act as a unique identifier. We could use an id tag, like we did for the radio buttons, but that can lead to CSS specificity problems for elements that we want to restyle in an interactive email.

Hook them up

Our triggers are in place. Our messages are in place. But they’re not connected yet. We’ll use the following CSS for that:

The general sibling selector. That’s the tilde. It’ll let us refer our inputs to the messages div which sits later in the document on the same level.
The descendant combinator. That’s a space between two target elements. It’ll let us connect to specific messages within their container.



	#radio-1:checked ~ .messages .message-1 {

		    display: block;

	}

	#radio-2:checked ~ .messages .message-2 {

		    display: block;

	}

	#radio-3:checked ~ .messages .message-3 {

		    display: block;

	}

	#radio-4:checked ~ .messages .message-4 {

		    display: block;

	}

	#radio-5:checked ~ .messages .message-5 {

		    display: block;

	}

	#radio-6:checked ~ .messages .message-6 {

		    display: block;

	}

	#radio-7:checked ~ .messages .message-7 {

		    display: block;

	}

	#radio-8:checked ~ .messages .message-8 {

		    display: block;

	}

	#radio-9:checked ~ .messages .message-9 {

		    display: block;

	}

	#radio-10:checked ~ .messages .message-10 {

		    display: block;

	}

Let’s try it. By clicking any radio button, the corresponding message will be displayed.

Label it

We’re going to hide all of our radio buttons – permanently. That’s because there are very limited styling options for input elements and we don’t want our triggers to actually look like radio buttons. It’s better to think of them as the circuitry inside your interactive email, not the buttons that people push.



	input[type=radio] {

		    display: none;

	}

And we’ll now create our labels. Using their for attribute we can tie them to their corresponding radio button:



	<label for="radio-1">Surprise me</label>

	<label for="radio-2">Surprise me</label>

	<label for="radio-3">Surprise me</label>

	<label for="radio-4">Surprise me</label>

	<label for="radio-5">Surprise me</label>

	<label for="radio-6">Surprise me</label>

	<label for="radio-7">Surprise me</label>

	<label for="radio-8">Surprise me</label>

	<label for="radio-9">Surprise me</label>

	<label for="radio-10">Surprise me</label>

They need some styling. How about a garish lime green and black outline?



	label {

		    display: block;

		    width: 400px;

		    text-align: center;

		    padding: 20px 0;

		    box-sizing: border-box;

		    border: solid 2px black;

		    box-sizing: border-box;

		    background-color: lime;

		    cursor: pointer;

	}

That cursor property is handy for desktop users. Upon hover, the pointer icon will appear, indicating that the ‘button’ is pushable.

Start cycling

Our buttons are functional, but they’re just sitting there. In a big tower of buttons.

We need to house them in two divs:

A viewing window with a hidden overflow. It’ll be sized to match the dimensions of a single button, while the other nine are hidden at any time.
A slider that will pull each button into view in turn. And to reiterate: this is a process that will take mere milliseconds.

We can put the HTML code into place first:



	<div class="inputs-window">

		    <div class="inputs-slider">

			        <label for="radio-1">Surprise me<label>

			        <label for="radio-2">Surprise me<label>

			        <label for="radio-3">Surprise me<label>

			        <label for="radio-4">Surprise me<label>

			        <label for="radio-5">Surprise me<label>

			        <label for="radio-6">Surprise me<label>

			        <label for="radio-7">Surprise me<label>

			        <label for="radio-8">Surprise me<label>

			        <label for="radio-9">Surprise me<label>

			        <label for="radio-10">Surprise me<label>

		    <div>

	<div>

And now for the CSS. Let’s start with the window. It’s pretty simple:



	.inputs-window {

		    width: 400px;

		    overflow: hidden;

	}

The width matches that of a button. We don’t need to specify a height, as it’ll automatically match that of its contents.

Next, we need the slider. There’s a lot more to explain here.



	.inputs-slider {

		    width: 1000%;

		    display: grid;

		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

		    animation-name: cycle-triggers;

		    animation-duration: 0.01s;

		    animation-iteration-count: infinite;

		    animation-timing-function: steps(10);

	}

	@keyframes cycle-triggers {

		    from { margin-left: 0; }

		    to   { margin-left: -1000%; }

	}

The width is 1000% – i.e. ten times the width of the viewing window. That sizes it for our ten buttons.

We’re using a grid layout. Normally unheard of in email due to a general lack of compatibility, but we can use it here. Any email applications that can run the checkbox hack have decent CSS support in general. We’ve set up 10 columns, each sized to one fractional unit and thus taking up a tenth of the slider.

We use a keyframe animation to pull each button into place. An entire animation loop takes just 10 milliseconds, and runs infinitely. We don’t need to code all ten button positions into the animation. Instead we can make use of the steps functionality and set the ‘to’ value to the full 1000% slider width. Nice and succinct.

Hit pause

Uh oh – there’s a problem. It doesn’t work. That’s because a click is comprised of two parts: pressing the mouse button… and releasing it. These both need to take place on the same trigger. But we know that the triggers are cycling at a blistering pace. A human finger is glacially slow by comparison and a click could not possibly be completed on the same trigger.

We therefore need a means of pausing the trigger cycle. Thankfully, there’s a straightforward solution. We can pause the keyframe animation upon hover:



	.inputs-slider:hover {

		    animation-play-state: paused;

	}

This hover state doubles up as ‘on touch’ for touchscreens. Now our triggers are held in place when the user interacts with them, allowing a full click to be completed.

Don’t leave functionality to chance

All emails need to be tested, but particularly those with interactive content. Things can and do go wrong!

In order to test all of our random triggers, we’ll temporarily slooooow our animation speed right down:



animation-duration: 5s;

And we can place an identifying number inside each of our otherwise-identical labels:



			<label for="radio-1">Surprise me 1</label>

			<label for="radio-2">Surprise me 2</label>

			<label for="radio-3">Surprise me 3</label>

			<label for="radio-4">Surprise me 4</label>

			<label for="radio-5">Surprise me 5</label>

			<label for="radio-6">Surprise me 6</label>

			<label for="radio-7">Surprise me 7</label>

			<label for="radio-8">Surprise me 8</label>

			<label for="radio-9">Surprise me 9</label>

			<label for="radio-10">Surprise me 10</label>

That gives you a solid half second to press each trigger in turn as they rotate. Now that you know everything works, you can revert to its previous state, safe in the knowledge that everything works as it should.

Jazz it up

Our example is purely functional. In a real interactive email, you can harness all of the power of CSS animation and create something special.

What’s the point?

Do you remember that amazing marketing email you got from [brand]? Me neither. Most marketing emails, frankly, are nothing special. But yours could be.

Randomisation encourages exploration of your products and services. It’s fun to interact with. Your subscribers might wonder what cool content you’ll be sending next time. And when your email engagement rates go up, there will be nothing random about that.

Email Marketing

Email marketing for today’s digital attention span

3 minute read

Adrian Young

Ten seconds. That’s how much time the average customer dedicates to your marketing email. If you’ve written this:

…then your customer is going to see this:

All that copywriting for nowt! So, how can a marketing email deliver its message when up against such a strict time limit?

Wear the shoes

This is step one: put yourself in your customer’s position. Would you read all that text? What do you want from a marketing email?

If it seems too wordy, it is. Treat email marketing like the shop window. Display enough information to capture someone’s interest, but leave the fine details to the salesperson standing inside.

Format for scanning

Nobody reads paragraphs of marketing spiel from left to right like a book. They scan it. You can help them (and yourself).

We don’t want the important points merely to stand out. They need to jump out and scream for attention. Headings, bold text, bullet points – there are plenty of typograhical formatting options at our disposal.

Remove excess padding

I see a lot of big, bloated marketing emails. They’re crammed full of… stuff. Navigation bars. Extensive footers. Tons of secondary links. Boring recurring blocks. And of course, lots and lots of words.

And that’s a pity, because every extraneous thing makes an email less focused and obfuscates its purpose. It can also be a telltale sign of spray & pray marketing. No idea who likes what? No problem, just send everything to everyone! We’re kidding, don’t do that.

Take a step back to evaluate what exactly you want a particular email to achieve. Be ruthless when trimming the fluff and you’ll be rewarded with a purpose-driven mailing that slots nicely into that ten-second reading time.

Graphic communication

As the adage goes, a picture is worth a thousand words. Turns out that may be a pretty conservative estimate. The human brain can process an image in 13 milliseconds. That’s 60,000 times faster than it processes text. And that’s a very, very good reason to use images as a form of communication in email.

Charts and diagrams offer a digestible, bite-sized form of information that is well-suited to the medium. Animated GIFs let you show your customer something about your product that just wouldn’t have the same impact in words. Quite simply: graphic communication is powerful.

Just don’t get too carried away with images! Your email must be accessible, so your text content, imagery and alt tags need to work together.

Don’t be boring

If your marketing emails follow a rigid format, they’ll become boring fast. Mix up the type of content that you send to customers. Have something to say beyond BUY NOW and ONLY FOR YOU. Give your reader a reason to keep opening your emails.

What’s the rush anyway?

Gosh, we all spend so long crafting our marketing emails only for readers to chew them up in mere seconds? What brought us to this point? There’s a lot of discussion, expert and casual, about the causes and consequences of dwindling attention spans. The impact of our ever-online world on the human brain is a fascinating topic.

But we’re not here to talk about that. We’re here to talk about email. I don’t see the ten-second read time as a bad thing. It can serve as a reminder about best practice and keep us focused on the goal. We can reel ourselves in and stop wasting time on cumbersome, meandering mailings. There are certainly positive aspects to this situation. And who has time these days for negativity?

Email Design

GIF it up for animated emails

4 minute read

Adrian Young

Computer technology moves quickly. Unless you’re a GIF. The ever-popular image format has existed largely unchanged since the late 80s (the late-ies?).

Even the phrase itself has become a household name, with libraries of animated GIFs at your disposal on social media or instant-messaging applications. But you know where else you can find them? In emails.

Establishing the ground rules

GIFs are old tech and so are emails in many ways. For the most part, they work well together without any trickery.

Outlook, in its various desktop application incarnations, is the but. Many versions will only show the first frame of animation as a static image, and one version loops three times before adding a button that lets the user play it again. Why? Because.

Either design the GIF so that the first frame isn’t design-breaking on its own, or maybe even swap out the image altogether on Outlook.

Rubbish use of GIFs

Slideshows. Let’s say you have multiple products, or multiple variations of a product. It makes sense to put them in an email and let the customer see their options.

But what does not make sense is to present them via a slideshow. You’re dictating what the customer sees, and when. If the customer likes the blue version of your product, they’re only going to see it for 25% of the time while your GIF ticks through the blue, green, red and yellow pictures. Nobody is going to stick around and wait. Scrap the GIF in this scenario and lay the images out in the design instead.

Example of a GIF-based slideshow — We made this horrible example ourselves as we don’t want to pick on anyone, or get sued.

Okay use of GIFs

Pseudo-video. We live in the age of instant-access, high-definition video. It’s possible to convert a video – or more likely a portion of a video – to an animated GIF. But bear in mind the following:

It’ll be a far cry from the modern viewer’s high definition expectations.
It’ll look grainy. GIFs are limited to a paltry 256 colours. Your computer can display millions.
It’ll be a silent movie. GIFs are purely an image format, not an audio one.
The file size can get out of hand. Even on fast modern connections, that could result in a short delay before the image appears. And many email platforms set an individual file size limit.
You’ll probably need to butcher it a little. That means reducing image quality through compression, and potentially dropping the frame rate.

Here’s one we made earlier:

We found a stock video to our liking and converted it to an animated GIF. We had to ruthlessly edit and compress the file ’til it was of an email-friendly size. The end result is significantly degraded in vibrancy and quality. The conversion process felt more like vandalism than optimisation.

But it’s not all bad news. A short GIF-icated video snippet can still be used to powerful effect in an email. Hey, maybe your brand even has a grungy lo-fi character. But consider why you want to drop a pseudo-video into your message. Are you communicating something useful that can’t be succinctly conveyed in words? Or is it purely for eye candy? If it’s the latter, it probably won’t have the impact that you hope.

Good use of GIFs

Simple animation. Pizza Express do a lot of things right in email, and in the kitchen I presume. This visually-appealing animated GIF is one of them.

The limited colour palette of a GIF is well-suited to flat design and simple shapes, both in terms of rendering quality and sensible file size. A little bit of animation can help to bring your email to life.

Great use of GIFS

Show your customer something about your product. Yes, I touched on this earlier… but it’s important. People simply do not read reams of copy in a marketing email. You may want to tell them every exciting detail about your product, but they don’t want to read it. So why not show them instead?

If ever a picture was worth a thousand words, it’s this animated GIF demonstrating Warby Parker’s Memory Metal.

That’s a GIF with purpose. Useful, right?

Email Marketing

Brrr! Are cold emails worth the cold shoulder?

3 minute read

Adrian Young

Do you have a business email address? Then you probably receive cold emails. On a daily basis.

Let’s define what a cold email is. To quote from Wikipedia: “a cold email is an unsolicited e-mail that is sent to a receiver without prior contact.” Some people might call that breaking the ice. Others might use a less desirable term: spam.

Dear person, buy my thing

Here are some of the products and services offered to me in cold emails lately:

Thing I don’t need
Thing I don’t need
Thing I don’t need
Thing I don’t need
Thing I don’t need
Thing I don’t need
Golf packages

The last one sticks in my mind because somehow the seller is always down to their last few spots. It’s like a parody of FOMO. Final, final, final, final, FINAL chance!

The recurring theme is irrelevance. My first name is the only aspect of personalisation, and by God will they use it liberally throughout the email. Because seeing your name plucked from a database, mail merge-style really builds rapport, right?

Tone deaf

Wording in cold emails varies wildly. Many are faux-chummy (“Hey, Adrian!”). Some are sycophantic. Sometimes there are jokes, sometimes they’re deadly serious.

But here’s the thing – for me, a very experienced cold email recipient, there is no magic combination of words that will make any difference.

Do they ever work?

The law of averages says yes. Even actual spam emails will get a bite every now and then, making the sender’s efforts worthwhile. But spammers don’t have a reputation to maintain.

For cold emailers, someone out there will just so happen to be looking for promotional mugs at that moment in time, and be willing to consider buying from a brand that popped unexpectedly into their inbox.

Stats say that cold emails hover around an 8.5% response rate. What the stats don’t reveal is how many of those responses say **** off.

Unicorn tattoo

I wouldn’t be arrested if I got a unicorn tattooed on my forehead, but it might be a hindrance in the workplace and adult life in general. Just because something is legal doesn’t necessarily mean that it’s a good idea.

I recently looked up reviews for a particularly persistent cold emailer. On both Google and TrustPilot, the score was rock bottom as a direct result of their cold emailing practices. While they surely hit the target every now and then, there’s a lot of damage being done around it.

Tarred with the same brush

I’ve been pretty harsh on cold emailing and it’s clear as day which side of the fence I sit on. But in the interests of fairness, I should mention that some cold emailers put in the work and follow the rules, while others are far more unscrupulous. Some are legitimate companies and some are scammers, pure and simple.

And therein lies the problem – I am not going to take the time to discern which is which. I am absolutely not ever going to risk pressing an ‘unsubscribe’ link on an unsolicited email. Everyone gets marked as a spammer, and ignored.

Opposing views

Cold emailing has its proponents and detractors. A lot of the advice for effective cold emailing is the same as for email marketing in general. Segment properly. Personalise the content. Run A/B tests.

To those cold emailers that put in the effort and get results, good for you. For real. Being impartial for a moment, cold emailing certainly appears to work to some degree despite its questionable reputation. But for me, personally speaking, the instinctive reaction will always be cold shoulder.

Fake cold email example — I asked ChatGPT to create a parody of a cold email. Replete with corporate cliche and insincerity, this is beautifully close to the real thing.

Email Design

Time for a typefacelift? Ten great Google Fonts

4 minute read

Adrian Young

I like Google Fonts. What’s not to love about a vast, free-to-use, easy-to-implement collection of typefaces?

At the time of writing, there are 1,709 fonts on the platform. Here are ten of the best.

Type: slab serif

All the classiness of a serif font, with the contemporary feel of a sans-serif. Roboto Slab is a versatile font, and an alternative choice to its ever-popular cousin, Roboto.

Type: handwriting

Fonts of this category have always caused an uncomfortable conceptual clash in my mind. The digital mimicry of a human being’s penmanship can feel like typographical pastiche. Reenie Beanie, on the other hand, captures the feel of a person’s scribbled notes in convincingly organic and whimsical fashion.

Type: sans-serif

As is the case with a lot of sans-serif fonts, Raleway brings a modern elegance to a piece of design. But while some typefaces in this category can appear a little cold and clinical, Raleway looks far more inviting.

Type: monospaces sans-serif

Sometimes you just need to GET YOUR MESSAGE ACROSS. Its heavy, all-caps nature is best suited to headings. But that little bit of softening on the letters tells your audience that you’re friendly, really!

Type: serif

Don’t worry – despite the name, it’s not a cheesy Halloween font. Simultaneously traditional and modern, Spectral is an aesthetically-pleasing serif and eminently readable for longer passages.

Type: geometric sans-serif

Sounds futuristic, is futuristic. Exo 2 says high-tech, but without being tacky.

Type: display serif

Just look at that wholesome rounded lettering. You could use it to write ‘DANGER’ if you really wanted… but nobody would believe you.

Type: serif

Looking for something a little more classical? Rosarivo’s elegant ornamentation could be just what you seek. And it’s a pretty alternative choice, with fewer than 80,000 websites currently making use of it.

Type: display

Bungee is unashamedly BOLD. When you want a heading to grab the reader’s attention, you can do a lot worse than this font.

Type: monospace

The uniform spacing of a fixed-width font is ideal for a coding environment – but that certainly isn’t its only valid application. Overpass’s tall characters give it a distinctive, refreshing look.

Using Google Fonts in email

Google Fonts is an extremely convenient platform, whether you want to download a font for self-hosting or offline use, or pull it straight from Google’s servers. But we’re email people. And that means some quirkiness.

Here’s a quick guide to using a Google Font in your mailing.

Step 1:
Find your font

Step 2:
Press the big blue button

Step 3:
Get the embed code

Step 4:
Copy the code

Step 5:
Stick this in your HTML file’s <head>. We like to put it directly under the <title> tag. Important: wrap it in MSO conditional comments to hide it from Outlook, thus fixing that application’s web font fallback glitch.

Step 6:
Apply the font inline where desired, with a suitable font stack of your choosing

Step 7:
Test it! Only some email applications support web fonts, so you’ll want to make sure your fallback looks good. In the case of an outlandish display font, it’s probably best to use an image with an alt tag.

And that’s it – you’re good to go. Now go and grab some fonts and give your emails a typographical facelift.

Data

Customer insight: who is subscriber@yourmailinglist.com?

2 minute read

Adrian Young

Pick a subscriber from your mailing list. Any subscriber. What do you know about that person? If the answer is their email address, then it’s time to embark on some customer insight.

It’s common knowledge that personalisation makes for better marketing, and it’s common sense that good data makes that possible. But how can you go about learning more about an existing subscriber?

Tracking

Your email platform may come equipped with a link-tagging function. Add categories such a brands or product types to your links, and you instantly have a convenient new source of customer data.

No such functionality in your ESP? No worries. Third party tracking platforms like Google Analytics can provide deep insight into your subscriber’s behaviour both within your email and on your website.

Preference centres

There’s a simple way to find out more about a person: ask. A preference centre is an online form that lets your customers pick and choose what kind of content to receive. Give your subscribers the power to customise your emails.

Don’t go to the trouble of creating a preference centre only to bury a link to it in your footer’s small print. It’s worth shouting about.

Surveys

Email marketing often feels very one-way. A survey can help to rebalance the situation. It has multiple benefits. A survey shows that you value your customers’ thoughts, provides an engaging form of content to add some variety to your emails, and lets you harvest useful data for your future marketing campaigns. Win win win.

Split testing

An well-planned A/B testing programme can yield significant insight into your customers’ interests. The emphasis is on programme. Ditch the hasty, ad-hoc A/B tests and instead implement them as an ongoing strategy. It takes some patience, but the payoff is worth the effort.

Product recommendation services

One-to-one content is the holy grail of personalisation. Platforms that integrate with your website can gather individual behavioural data and generate relevant product suggestions accordingly. Sit back while the algorithm does the hard work in the background.

AI

Artificial intelligence is already a part of the marketing world, and its role will only continue to expand. Let’s see where machine-learning and content-generation goes in the coming years.

The more you know

You don’t need to know every want and need of every customer right now. Every little bit of customer insight is powerful, and mutually beneficial. When your customer sees content to their liking, you’ll also see something to your liking: stronger mailing reports.

Artificial intelligence

Ask the AI: a Q&A with ChatGPT on email marketing

5 minute read

Adrian Young

What’s the best marketing channel on the planet? Email, obviously. Well, we would say that*.

But what if we bring in someone – or something – with a less biased opinion? ChatGPT may have an amiable tone but its perspective is clinically impartial. Let’s find out what it has to say about the world of email marketing.

(*actually we’d say that all marketing channels play a role and work best together.)

Setting it up

ChatGPT isn’t known for its brevity. We want short, snappy responses for the sake of this article. The first thing we’ll do is prepare it for the concept and request that the responses are a little less loquacious than normal.

The Q&A

TEF:We’re going to do a Q&A on the topic of marketing. Please keep your answers short. A sentence or two per answer is plenty.

CGPT:Sure, let’s get started! What’s the first question on marketing?

TEF:Which marketing channel has the best return on investment?

CGPT:Email marketing often has the best return on investment due to its low cost and high engagement rates.

TEF:Realistically, what level of return on investment could a company expect from email marketing?

CGPT:Companies can typically expect an ROI of $38 for every $1 spent on email marketing, although this can vary based on industry and execution.

TEF:What are the ingredients of an effective marketing email?

CGPT:An effective marketing email includes a compelling subject line, personalized content, clear and concise messaging, a strong call-to-action, and an attractive design.

TEF:Let’s examine each of these. What makes a compelling subject line?

CGPT:A compelling subject line is short, attention-grabbing, and creates a sense of urgency or curiosity. Personalization and clear value propositions also increase open rates.

TEF:Can you give an example?

CGPT:Sure! An example of a compelling subject line is: “Unlock 20% Off Your Next Purchase – Limited Time Offer!”

TEF:Now, let’s focus on design. What are some important considerations in a responsive email design?

CGPT:Important considerations in responsive email design include ensuring readability on both desktop and mobile devices, using a single-column layout, optimizing images, and incorporating large, tappable buttons for calls-to-action.

TEF:And now personalisation. How can a company gather suitable data in order to personalise emails on an individual level?

CGPT:A company can gather suitable data through customer sign-up forms, purchase history, website behavior tracking, and email engagement metrics. Surveys and preference centers can also provide valuable personalization insights.

TEF:And you mentioned a strong call-to-action. Can you give a couple of examples?

CGPT:Sure! Examples of strong calls-to-action are “Shop Now and Save 20%” and “Sign Up Today for Exclusive Access.”

TEF:Your earlier answers touched on two big topics in email marketing: fear-of-missing-out (FOMO) and accessibility. Let’s look at the latter first. What are some key considerations when creating an accessible email?

CGPT:Key considerations for creating an accessible email include using descriptive alt text for images, ensuring sufficient color contrast, structuring content with clear headings, using legible fonts, and providing text versions for complex graphics. Additionally, emails should be navigable via keyboard for those using screen readers.

TEF:Accessibility is often lacking in marketing emails, even those sent by major companies. Do you agree?

CGPT:Yes, I agree. Despite the importance of accessibility, many marketing emails from major companies still lack features like alt text, proper color contrast, and screen reader compatibility, which can exclude a significant portion of the audience.

TEF:Why do you think this is?

CGPT:This often happens due to a lack of awareness or training on accessibility standards, prioritization of aesthetics over functionality, and tight deadlines that lead to shortcuts in the design process. Additionally, some companies may underestimate the importance of accessibility in reaching a broader audience.

TEF:Let’s now look at FOMO. This is a standard tactic in (email) marketing. But is it ethically sound?

CGPT:FOMO can be ethically sound if used responsibly and truthfully, creating genuine urgency without misleading consumers. However, it becomes unethical if it manipulates emotions excessively or uses false scarcity to pressure people into making purchases.

TEF:What is the best way to measure a marketing email’s performance?

CGPT:The best way to measure a marketing email’s performance is by tracking key metrics such as open rates, click-through rates, conversion rates, bounce rates, and overall ROI. Analyzing these metrics helps determine the email’s effectiveness and areas for improvement.

TEF:And if you had to pick just one metric, which would it be? Take into account both the objective of a marketing email, and what can be measured accurately.

CGPT:If I had to pick just one metric, it would be the conversion rate. This metric directly measures the effectiveness of the email in achieving its goal, whether it’s driving sales, sign-ups, downloads, or any other desired action. A high conversion rate indicates that the email successfully persuaded recipients to take the desired action, making it a crucial indicator of overall email performance.

TEF:Are you aware of any brands that send particularly good marketing emails?

CGPT:Yes, there are several brands known for sending particularly effective marketing emails. Examples include Airbnb, Spotify, Sephora, and Patagonia. These brands often excel in personalization, compelling content, visually appealing designs, and clear calls-to-action, which contribute to their email marketing success.

TEF:Now, let’s look at the future. Where does email marketing go from here?

CGPT:In the future, email marketing is likely to continue evolving with advancements in personalization through AI and machine learning, deeper integration with other marketing channels for omnichannel experiences, increased focus on interactive and dynamic content, and stricter adherence to privacy regulations such as GDPR and CCPA. Additionally, there may be innovations in email design to enhance accessibility and engagement across diverse devices and platforms.

TEF:AI is obviously a hot topic in recent times. How will AI’s role grow in email marketing?

CGPT:AI’s role in email marketing will expand through personalized content generation, optimized send times, and automated segmentation, enhancing campaign efficiency and engagement.

TEF:Personalised content generation is an important one. We already have that in the form of one-to-one product recommendations. But is it conceivable that we’ll reach a stage where AI can write, design, code and send unique emails on an individual level?

CGPT:Yes, it’s conceivable that AI could eventually write, design, code, and send unique emails on an individual level, leveraging vast amounts of data and advanced algorithms to tailor messages precisely to each recipient’s preferences and behaviors.

TEF:So, theoretically human input could at some point become nil and the email marketing process becomes entirely automated?

CGPT:Theoretically, with advanced AI capabilities, the email marketing process could become highly automated, minimizing human input in content creation, design, and even campaign management. However, human oversight and strategic input would likely still be necessary for overall campaign direction, creativity, and ethical considerations.

TEF:Interesting stuff. Email is a medium of contrasts. In some respects old-fashioned, in others at the forefront of technology. Does it have a bright future?

CGPT:Absolutely, email marketing continues to have a bright future due to its adaptability, cost-effectiveness, and ability to deliver personalized, targeted messages. As technology evolves, so too will email marketing’s capabilities, ensuring its relevance and effectiveness in engaging audiences and driving business outcomes.

TEF:Let’s wrap it up. Can you write a single sentence that captures the spirit of email marketing?

CGPT:Email marketing: the timeless art of connecting with audiences through personalized, impactful messages.

Well, that’s pretty positive

ChatGPT’s responses might not be ground-breaking but there are some useful reminders about best practice in there. And if the machine sees such a rosy outlook (sorry) for our medium, that means the people who write about email are optimistic. I’m one of them.