Transactional HTML Email Templates for Developers

Thu, 11 Jul 2024 10:29:03 +0000

Every web application, digital product, API, Node.js or Ruby on Rails app needs transactional email.

Emails that are triggered by a user event. For example:

User signs up, send them an activation email
User activates, send them a welcome email
User forgets their password, send them a forgot password email
User successfully completes a task, send them a well done email
Something goes wrong, send them an alert
Payment is made, send them a receipt

Coding HTML emails that work across all email clients, are responsive, work in dark mode etc. is hard and time consuming.

We’ve made it easy. Download our pack of 10 transactional email templates, copy and past them into your system, then get back to doing what you do best, coding and building product.

Download your transactional email templates here.

AI in Email Personalization — Tailor Content for Every Subscriber

Wed, 10 Jul 2024 12:36:04 +0000

Are your email open rates, click-through rates, and conversion rates low? Do you find it hard to stand out in a noisy customer’s inbox?

No matter how good your products or services are, they won’t sell well if consumers don’t find personal value in them. That’s where you need a channel to share your compelling messages. It’s email marketing.

Although email campaigns are among the most effective communication tools, they can still fail to provide the desired engagement. Why? The reason for that is that most emails seem generic and too salesy. How do you encourage people to at least open them and read, let alone click the included link? The answer is “with the help of email personalization and artificial intelligence.”

You may manually or automatically insert recipients’ names into subject lines. However, this is just the tip of a bigger AI email personalization iceberg. Plus, as the amount of customer data continuously grows, managing this personalization manually can be impossible.

In this article, we’ll share strategies for engaging different subscribers on a personal level through marketing campaigns, creating more meaningful relationships, and significantly outperforming generic blasts.

Understanding AI Email Personalization

AI email personalization is an approach where email marketers employ AI tools, big data, machine learning, and other related technologies to dynamically customize email content for each recipient. What does it mean to “customize”? It entails that user behavior, preferences, and browsing history influence what email content the person sees.

Let’s assume there is a sales prospect. This person has changed their job and posted this information on LinkedIn. Your sales team might utilize an AI tool to run through their profile, automatically update the email template, and congratulate them on their new position. While it may not directly boost sales, it can establish a rapport between the prospect and your representative.

In short, a personalized email is relevant and timely; it looks like it came from a real person.

Transforming Email Campaigns with AI

AI lets the marketing team process larger datasets that were impossible to analyze before. At the same time, writing relevant messages doesn’t take as much time as it could without AI tools. Thanks to AI, traditional, static email strategies become dynamic and adaptive.

Here’s how it fundamentally changes the personalization email marketing landscape:

automating complex processes;
analyzing extensive data;
optimizing send times;
enhancing the efficiency of personalized email marketing;
crafting compelling subject lines;
scaling email campaigns.

For instance, AI tools analyze past open rates and user engagement to generate personalized subject lines. Whether you’re an online store or a streaming service like Netflix, AI can pick the offers and messaging likely to appeal to the target audience.

But it’s not only about emails. AI can enhance a customer journey, from landing on the website to interacting post-sale. Each stage requires a different approach. AI software can teach marketers what content serves better at which point, be it a welcome discount right after registration or re-engagement prompts after periods of inactivity.

AI is also indispensable for predictive analytics. Accumulated data can tell a lot about how a consumer might behave in the future based on previous actions. By uniting the information from all the tools, AI allows for integrating multiple channels and getting a 360-degree customer view.

The best part is that AI can’t become outdated. Powered by ML, it continually learns from customer interactions, feedback, and other data points. The only responsibility is to check the data quality the system consumes to avoid irrelevant, biased, and offensive information to pile up.

Why Personalize? The Compelling Benefits of an AI-powered Email Marketing Tool

Have you noticed that you’re spending increasingly more time on Instagram, YouTube, or TikTok? One main reason is that social media rely on AI algorithms to suggest personalized content that will most likely interest you. Imagine the same systems work for you in crafting emails, boosting brand loyalty, and driving up lifetime value.

Personalizing emails is a really successful tactic. Email campaign segmentation alone has the potential to boost revenue by up to 760%. While there’s a growing demand for transparency regarding using data, people share their detailed information with brands for targeted emails.

In December 2021 and January 2022, Statista conducted a study among various consumers, including those from the USA. 49% of Americans who responded stated that they would “definitely likely” or “somewhat likely” quit using a brand if it didn’t personalize their experience. The nation is among the most conscious ones, as Singapore has 81% of such replies, followed by Brazil and Colombia with 80% and 76%, respectively.

Image credit: Statista

As you can see, now is the best time to start personalizing your emails if you want to significantly increase eCommerce conversions, retention, and engagement. Moreover, this strategy works well for SaaS and a range of other business types.

Sending Personalized Emails: A Step-by-Step Guide

Implementing AI email personalization requires a systematic approach. How do you go from staring at a blank screen to firing off powerful marketing emails? Let’s overview the best practices to follow.

Step 1: Identifying the Right AI Tools and Platforms

A strong personalization strategy hinges on the right tools. Whether they rely on web scraping for data collection or GPT-3 for generating an email subject line, you need to make sure they can seamlessly integrate with your current tech environment, are user-friendly for all team members, and bring a good return on investment. Here are five popular AI platforms for crafting personalized cold emails, for example:

Lyne.ai: After uploading a CSV file, it writes personalized intro lines based on contact information like first name, last name, company name, title, email, website, and personal LinkedIn. It offers a flexible pricing model, starting at $0.30 per contact, with discounts on prepaid plans.
Writecream: An AI writing solution that generates social media captions, ideas for blog articles, eCommerce product descriptions, etc. By using only the contact’s website, it can provide you with relevant intros, saving time and effort. It has a limited free plan; the cheapest premium one will set you back $29 per month.
Smartwriter.ai: A tool for generating content for various purposes, from personalized emails to ads. It directly links with Google Sheets, removing the need to manage CSV files. The price starts at $59/month for 400 leads, with more advanced plans available.
Warmer.ai: Email personalization software that blends AI capabilities with a modern interface. It develops human-like cold email intros and requires manual handling as it only exports one selected intro line per contact. This works out to a starting price of $97/month for 325 credits.
Outbound Flow: Focuses on generating complete cold emails with a one-click process per contact, which may not suit large-scale campaigns. It generally produces platitudes rather than deeply personalized content and lacks batch processing. It costs $39/month for 100 emails or $299/month for unlimited use.

However advanced, AI still requires manual reviews, adaptation to your needs, and content refinement.

Step 2: Integrating AI with Existing Email Marketing Software

Now that you’ve picked the best software, you need to connect it with your current tools. For the content to be as personalized as possible, the solution should establish a bidirectional connection with other tools, including:

CRM (Salesforce, Zoho, Hubspot, and others) to get access to all prospect data, including purchase history, customer feedback, and browsing behavior, and enable the CRM to register recipient-specific email engagement;
Marketing automation (ActiveCampaign, Mailchimp, Drip, etc.) to send emails without human involvement depending on website visits, email clicks, and personal milestones;
Calendar to automatically add scheduled meetings;
Analytics to measure the business impact of AI email personalization, calculate ROI, and enhance email campaigns.

Step 3: Developing a Data-Driven Approach to Segment Audiences

After syncing the AI tool, you can proceed to audience segmentation. Collect as much data as you can during this stage. What did customers tell you when they signed up or updated their profile? Use every opportunity to gather crucial segmentation data.

For example, you can customize the email subscription form to require not only an email address but also a first name, last name, occupation, and company. However, don’t overcomplicate your forms. It’s important.

Other sources of information could be:

surveys;
quizzes;
integrations with CRM, eCommerce platforms, or accounting package;
third-party apps connected through APIs;
website behavior tracking (clicks, views, visited pages).

Cocofloss, a store selling dental health products, offers a quiz on its website. The information will be useful in crafting a dedicated email campaign for each prospect.

Screenshot taken on the official Cocofloss website

That’s what you see at the end of the quiz, “Share your email to create personalized recommendations for a sparking smile!” Sounds very interesting.

Screenshot taken on the official Cocofloss website

I left my email address and received the following email. There was a welcome message, a special discount, and links to corporate Instagram, Facebook, and TikTok.

Screenshot taken from the newsletter from the official Cocofloss website

Make sure the AI system gets better with time. Feed it with new data and analytics so your messages remain relevant as trends and preferences change.

Step 4: Designing Emails with Personalization in Mind

Information is collected. The email platform has synchronized with your tech ecosystem. What’s next? Let’s draft AI personalized emails. Consider these tips for effective email marketing personalization:

Align Emails with the Buyer’s Journey

Create a buyer journey map and start with outlining strong brand personas. As each stage calls for different approaches, set up automatically triggered emails for each one on the purchasing process.

New subscribers need a welcome sequence to engage with the brand and understand its value to stay with the company longer. On the other hand, existing customers will benefit from emails composed based on their data on past purchases, offering additional products or services.

That’s where you can use free ChatGPT, one of the leading AI writing tools. Suppose you own a fitness app. Ask ChatGPT to generate a welcome email for new subscribers who sign up for the app. Make sure it includes a personalized greeting based on the time of day they sign up and a special offer for their first month.

Use Behavior Triggers

Whether a person does something on the website or achieves personal or product-related milestones, marketing automation can come in handy. Schedule emails for certain purposes, such as:

congratulating users on completing a challenge in an app;
reminding them of an upcoming renewal.

Your ChatGPT prompts may look like this: “Create an email template congratulating a user for completing a 30-day challenge in a wellness app. Suggest they share their achievement on Instagram with a personalized hashtag.”

Leverage Dynamic Content

It means designing such emails that adapt to individuals based on their behavior or demographic data. This could involve showing different products, offers, personalized images, or GIFs to catch the attention.

Display a company’s logo to make the email more recognizable. It’s also one of the great ways to improve the click-through rate and avoid spam filters. Craft the email subject line and body as though they were letters from/to a friend.

A case in point is Stitch Fix. The service is all about using recommendation algorithms and data science to offer customers tailored selections. Once in a while, it sends such picks and adjusts them according to new variables.

Screenshot taken from the newsletter from the official Stitch Fix website

Optimize Scheduling and Targeting

Emails should arrive at the right time when users are most likely to open them. Take into account when it’s the best time to send an email according to buyers’ habits, preferences, and time zones. For example, you could schedule your new subscriber’s email to appear at eight in the morning, assuming they check their inbox first thing in the morning.

Ensure Clear Next Steps

Email personalization strategies should be cohesive with your entire campaign. The link in the email that encourages recipients to click must work. As such, it should be relevant, clickable, and lead to the existing page. It would be great if the product you’re promoting is available and doesn’t go out of stock before the person receives the email.

Take care of security and eliminate doubts. Given the rise in phishing and spam, reassure users by maintaining a consistent design and clear, trustworthy communication in every email.

Here is what you may ask ChatGPT: “Compose an email for an online course platform that includes a clear call to action for learners to start a new course they showed interest in, with a direct link to a preview video on the course landing page.”

Step 5: A/B Testing Email Examples

Finally, you need to determine what makes personalized messages resonate and what doesn’t. Sometimes, minor email features like button color or wording can be a game changer and impact entire emails.

A/B testing helps uncover these roadblocks and opportunities. For example, if you employ cold email personalization AI, compare the performance of AI-written intros against those you write manually or standard generic intros.

Test only one variable at a time to gain the most valuable insights. If you take too many components at once, it will be tough to determine what works and what doesn’t. Following the campaign, examine the data to decide which variation performed best in terms of engagement and conversion metrics.

Personalized Email AI: Common Pitfalls and Ethical Considerations

AI is a multi-purpose and potent solution for email personalization. However, it’s still a tool with a fair share of risks for you to carefully consider and address.

1. Privacy and Data Security Concerns

When you introduce AI into email marketing tools, you and your audience give consent to process sensitive details. How will the company, be it OpenAI or Lyne.ai, handle that data? It raises concerns among buyers, reducing their desire to disclose personal information.

Preventive measures: Use VPNs and comply with relevant regulations such as the General Data Protection Regulation (GDPR) and the California Consumer Privacy Act (CCPA).

2. Over-Personalization and Intrusiveness

AI email personalization can often look creepy if it’s tied to extra details that the addressee didn’t knowingly share, potentially making people feel uncomfortable.

Preventive measures: Set clear guidelines for using AI and personal information. Allow users to choose what to share and what to hide.

3. Algorithmic Bias and Discrimination

These problems can arise when the data isn’t of high quality. AI algorithms utilize this, promoting stereotypes and offensive language, leading to discriminatory outcomes.

Preventive measures: Use representative and varied data to train AI models. Check the responses for bias and avert its escalation.

4. Technical Glitches and Misinterpretations

Like many other tools, AI can also make mistakes. From misinterpreting data to technical glitches, there are various risks. They can lead to misunderstanding and irrelevant recommendations, diminishing customer trust.

Preventive measures: Test and monitor emails before sending them and keep an eye on user responses and engagement metrics to quickly identify and rectify issues.

5. Dependency on Automation

If you employ AI too much, you can lose the essential human element in email communication. You still need human oversight and adjust the content to sound less robotic and more authentic. Moreover, you need to ensure the email’s tone of voice is in line with the overall brand voice.

Preventive measures: Preserve human supervision and enrich messages with anecdotes, personal experiences, or storytelling elements.

Personalization in Email: Conclusion

Email marketing is among the tried-and-tested strategies for promoting products and services, sustaining communication with prospects, and incentivizing them to make more purchases. AI has stepped into this sector, enhancing the capabilities of modern email platforms.

Experiment with AI. Re-engage subscribers. Choose an AI-powered email marketing platform or complement your current one with AI solutions and extensions. Improve your cold email templates, and let your email campaigns reach new heights.

How to send HTML emails in Gmail

Thu, 15 Feb 2024 00:00:00 +0000

Gmail is hugely popular, with more than 1.5 billion accounts registered worldwide. Both individuals and businesses use it actively and who once becomes an avid Gmail user is usually hesitant to ever say adiós. No wonder, Gmail offers everything one needs to send and receive emails and packs it all in a very simple to use interface.

One consequence of simplifying the UI was hiding the good old HTML editor and for a good reason - 99.9% of users don’t need it at all. But without it, adding banners, images, tables or other visual media and making them all look good together on any screen size is really tough (if not impossible). Luckily, with a simple workaround, you can still use HTML templates in your Gmail messages.

Copy/pasting HTML into Gmail

Now let’s see what happens if we just insert HTML code into a Gmail Compose window. We’re not really sharing this email with our entire mailing list so it can be simple stupid. Let’s try with this one:

<p>Simple HTML.</p>
<h3><em>So very simple.</em></h3>
<p><span style="color: #ff0000;">Lame joke that follows.</span></p>
<p>
  <span style="color: #ff0000;"
    ><img
      src="https://afinde-production.s3.amazonaws.com/uploads/981ebabb-5722-44c1-ad30-fc57fbc8ee9d.jpeg"
      alt="Lame joke"
      width="245"
      height="221"
  /></span>
</p>
<h2 style="padding-left: 30px;">do you?</h2>
<ul>
  <li>yes</li>
  <li>no</li>
  <li><strong>not entirely sure</strong></li>
</ul>

And let’s paste it directly into Gmail and send:

Yup, that doesn’t look quite right. Gmail uses a WYSIWYG editor so whatever you paste into the Compose window, will look just about the same on the receiver’s end. That’s why we’ll need to take a different approach.

Inserting HTML into Gmail

First of all, compose or export your HTML code.

You can download 10 ready to go HTML email templates right here.

Make sure your editor saves files as .html, without any additional formatting. It cannot add .txt or any other extensions to the file name, otherwise, the code won’t be rendered properly.

Right-click on the file and open it with a browser of your choice. It should render as expected. If you see raw HTML, double-check if the file was saved properly and if your editor relies on plain text.

Copy the entire content of a page, either with Ctrl+A (Windows) / Cmd+A (Mac) or just use a mouse or a trackpad. Then, insert it into your Gmail’s compose window and send it!

The email should arrive in exactly the same shape as it was last seen leaving your inbox.

You can also use an online tool like Postdrop to write and preview your HTML. If using Postdrop, select everything in the preview window (don’t copy the HTML code directly) and paste it into Gmail.

What to pay attention to when writing an HTML email?

Although HTML is a really simple framework, there are several features/limitations of Gmail that you need to be aware of. Here are the main ones:

1. Images need to be hosted online and available publicly

If you were to add images to an email, they would be stored as attachments. This is probably not the ideal way for a recipient to access the pictures. That’s why images need to be uploaded somewhere on the internet and referenced with a link in the HTML code.

If possible, store them on your own server or use, for example, Google Drive. When uploading to the latter one, make sure the link is public, not private (trying to access it in the incognito mode should do the job). When uploading to popular image sharing services such as Imgur or Tinypic, make sure you fetch a direct link to an image, not to a folder where it’s stored.

2. External style sheets won’t work

Gmail doesn’t offer support for external styles. You can, however, utilize embedded CSS as well as Inline styles. A good responsive email typically consists of a fair share of Inline CSS, used mainly to maintain a proper structure and styling of a message. Embedded CSS is used to add CSS Reset Styles and rules required to make an email responsive.

3. You can’t use web fonts

Gmail doesn’t let you utilize any of the web fonts and there’s no way to import them into your HTML. You’ll need to use one of the available fonts in your emails:

Utilizing HTML editors

But do you really need to write an entire HTML code from scratch or test how it looks on different screens? Likely, you don’t. There’s an abundance of free and paid email editors available both online and for download.

Some free editors worth a look are Htmlg.com or Postdrop. They offer a bit more than the default Google editor. But the biggest value is from the chance to preview your emails as you write or change it.

Pick the right one, adjust it to your needs, preview and download the entire HTML code. Then just follow the instructions above to send it with Gmail or use any other client or email service provider (ESP). Most of these tools run on a freemium model, letting you try some basic templates for free and charging you for more advanced ones.

Use The Send HTML in Gmail Chrome Extension

We’ve developed a Chrome extension to make life easier for you. This extension enables you to inject HTML into your Gmail emails.

Install the Send HTML in Gmail Chrome extension.

Install the Chrome extension
Open Gmail and compose a new message
Click the Send HTML in Gmail extension in Chrome
Paste your HTML into the input area
Click “Inject HTML” and your email should now be rendered in the compose area in Gmail
Hit send

Before doing this you should have your HTML email templates ready to go. We recommend downloading these email templates and using Postdrop to edit the HTML and content.

Final words

As you can see, sending HTML emails via Gmail isn’t difficult at all. The tricky part might be to display them properly in the vast array of browsers and email clients. With a bit of practice and the appropriate toolset, it shouldn’t cause a problem too.

Now, pick the right email design, launch Gmail or an email marketing provider of your choice and send your next campaign without any hassle.

This is a guest post by Andriy Zapisotskyi, Growth Manager at Mailtrap, a product that helps people inspect and debug emails before sending them to real users. He has over 5 years of experience in the field of marketing & product. Andriy loves to network with people. Running is his hobby and he enjoys discovering new places. You can connect with Andriy via Linkedin or Facebook

Free Email Templates for Figma

Wed, 15 Nov 2023 15:21:11 +0000

We have shared our free email templates in the Figma community. Check them out, and if you like them add a rating or comment. Thanks!

How to customize your Shopify email templates

Fri, 15 Sep 2023 00:00:00 +0000

Download your pack of custom Shopify email templates here →

In this article we will learn how to use custom HTML email templates with Shopify.

When you set up a Shopify store they automatically send a handful of emails out of the box for orders, shipping, customer support and notifications. The default email templates that Shopify provide look pretty good. Although there are a number of reasons you’re going to want to customize these.

To match your brand
To be consistent with other emails you’re sending from other ESPs
To improve the design and UX of the default templates
To customize the content that is displayed in the emails
To take advantage of marketing or conversion opportunities in these transactional emails

How to use custom HTML email templates for Shopify emailing

You’ve just got yourself some new HTML email templates. You’re going to use templates that have inlined CSS so you know they work across all major email clients. They contain some images like your logo or social media icons.

1. Choose an email template to edit

Go to Settings -> Notifications
Click on the email you want to modify, lets do Order confirmation as an example
Copy/paste the HTML into your favorite code editor - you can also edit it here in the browser if you prefer but I recommend using your editor
Open up your new email template (lets use receipt-inlined.html as an example) in your favorite editor as well so you have this side by side with the Shopify template for reference

2. Upload the files that you need

Shopify provides a files feature where you can upload images. This is your CDN and where all your files will be hosted.

Upload your logo
Upload your social media icons
Upload any other images you want to include in your templates
Open your new email receipt template and replace any image references with the Shopify URLs
e.g. img/logo.png becomes something like //cdn.shopify.com/files/1234/logo.png

3. Customize your template and insert the Shopify liquid variables into your template

This is going to be the bulk of the task. Referencing the original Shopify template you’re going to copy/paste the various liquid variables and logic over to your new email template.

Change preheader text
Remove unsubscribe link
Update social icon links
Update content
Replace all the user and shop specific variables with liquid variables e.g. {{ order_name }}
Use a for statement for your list of items {% for line in line_items %}

Here are some code samples.

 {% for line in line_items %}
<tr>
  <td
    style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-bottom: 1px solid #eee; margin: 0; padding: 5px;"
    valign="top"
  >
    {{ line.product.title }}
  </td>
  <td
    class="receipt-figure"
    style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-bottom: 1px solid #eee; margin: 0; padding: 5px; text-align: right;"
    valign="top"
    align="right"
  >
    {{ line.line_price | money }}
  </td>
</tr>
{% endfor %}

 {% for line in tax_lines %}
<tr class="receipt-subtle" style="color: #aaa;">
  <td
    style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-bottom: 1px solid #eee; margin: 0; padding: 5px;"
    valign="top"
  >
    {{ line.title }}
  </td>
  <td
    class="receipt-figure"
    style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-bottom: 1px solid #eee; margin: 0; padding: 5px; text-align: right;"
    valign="top"
    align="right"
  >
    {{ line.price | money }}
  </td>
</tr>
{% endfor %}

Some liquid variables you might want to use.

{{ order_name }}
{{ shop.url }}
{{ line.image }}
{{ line.quantity }}
{{ discount_title }}
{{ subtotal_price }}
{{ stotal_price | money_with_currency }}
{{ shipping_address | format_address }}
{{ shop.email }}
{{ transaction.payment_details.credit_card_last_four_digits }}

4. Copy across your email template into Shopify

At this point copy/paste your email template code over to Shopify.

Like I mentioned before, you can edit the HTML in the Shopify form, although I have found it much easier to manage this outside of Shopify using my own editor.

5. Test your Shopify emails

Shopify provides two testing methods. Preview in the browser and email yourself. Try both until it looks good.

Download your pack of custom Shopify email templates here →

How to use custom HTML email templates with SendGrid

Fri, 15 Sep 2023 00:00:00 +0000

Congratulations! You’ve just downloaded your set of responsive HTML email templates and are ready to start sending professional looking emails from your ESP (Email Service Provider). Now you need to put them into SendGrid so you can use them.

SendGrid is a great developer solution for an ESP and includes features for sending marketing campaigns, transactional emails and tracking deliverability.

With SendGrid you can either store your HTML as a reusable template or you can send it as part of your API request.

Get 10 HTML email templates ready to copy & paste →

How to use custom email templates for SendGrid transactional emails

Open your SendGrid dashboard
Go to Templates > Transactional
Create a new template and give it a memorable name
Add a new version of that template
Select the Code Editor option
Copy over the inlined version of the template you want to use
Replace the unsubscribe url with the SendGrid tag <%asm_group_unsubscribe_raw_url%>
Update your placeholder content with SendGrid sub tags e.g. <%body-text-goes-here%> or <%alertText%>
Send a test to yourself
Call this template’s ID when using the API

Lets look at some of these in more detail.

Create a template and copy the code across

Open your email template in your editor of choice so you can see the code. Select all, copy, then paste into SendGrid. Here I’ve copied across the inlined receipt email code.

Update the placeholder content with SendGrid sub tags

So that you can use this template, SendGrid needs to know where you want to place the variables and content that you send with your API call.

First, replace the unsubscribe link with the <%asm_group_unsubscribe_raw_url%> tag like so:

Don't like these emails? <a href="<%asm_group_unsubscribe_raw_url%>" style="text-decoration: underline; color: #999999; font-size: 12px; text-align: center;">Unsubscribe</a>

Then put SendGrid sub tags where you want the content e.g. in the receipt email below you can see I’ve placed tags like <%item%> and <%price%>

Don’t forget about preheader text

As it is not visible it is easy to forget but you should also be replacing preheader text with a sub tag and sending preheader text with each request.

<span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;"><%preheader%></span>

Using images

SendGrid offers a handy image upload manager so you can upload your template images and reference them. They then do the hosting for you so no need to worry about an external CDN.

Start sending

That should be you ready to go. When you make your API call to SendGrid, include the ID of the template and provide it with the necessary sub tags it needs to render.

{
  "to": [
    "hello@htmlemail.io"
  ],
  "sub": {
    ":name": [
      "Lee"
    ],
    ":item": [
      "Monthly Subscription"
    ],
    ":price": [
      "$20"
    ]
  },
  "filters": {
    "templates": {
      "settings": {
        "enable": 1,
        "template_id": "fa2ef42e-f70b-4951-a671-cf3b53b01123"
      }
    }
  }
}

How Notifier.so fixed their Outlook issues in 2 hours to send transactional email alerts with Amazon SES

Mon, 19 Apr 2021 00:00:00 +0000

Notifier.so notify you when your company, brand, start up, or whatever is mentioned on Reddit and many other platforms. They send 60,000 emails per month with Amazon SES.

Here we speak with their Timothy Bramlett, Co-founder and Lead Engineer, about how they use HTML Email templates to fix their customer Outlook rendering issues in a couple of hours.

“…As far as actual development time it probably took an hour or two to implement the templates. It was super easy to use!”

What was the challenge you were facing?

We are a small team and we needed something that would work across every different email client if possible. We also have customers complaining about our old email templates specifically not working well on Outlook.

We tried several different fixes but none of them worked until we started using your templates! Our product is also very email focused in that it’s one of the primary ways that customers consume the data that our app generates. We notify you when your company, brand, start up, or whatever is mentioned on Reddit and many other platforms.

How did HTML Email templates help solve this problem?

We used the HTML email templates and just plugged in the Django variables and our new alert emails came out looking great and working across as far as we know all email platforms!

What were the results?

As far as actual development time it probably took an hour or two to implement the templates. It was super easy to use!

The results were that our customer who was having a problem with Outlook said the emails looked perfect now!!

Transactional email templates

If you need to get professional looking transactional emails up and running with clean code today, take a look at our templates.

15 Tips for writing compelling subject lines with 75 practical examples

Thu, 16 Jul 2020 00:00:00 +0000

According to Statista, there are over 3.9 billion email users across the globe, and the numbers are expected to grow to 4.3 billion by 2023. Furthermore, the same study also reported that around 293.6 billion emails were sent and received each day.

While some may consider emails as an outdated method of contacting customers, Emarsys reports that around 81% of SMBs still use emails for customer acquisition. Moreover, according to a study by DMA, every $1 you spend on email marketing can offer you an average return of $42.

All of this just literally goes to show just how effective a tool email marketing is to this current day. That is exactly why we would like to share with you some tips that can help you write compelling subject lines for marketing and business-related communications.

How To Write Subject Lines That Convert

1. Use Action-Oriented Verbs

The thing with action-oriented verbs being used in your subject lines is that it actually animates the sentence in a physical or mental state. However, it has also got to do with how you use them to draw a vivid picture in the mind of your readers to grasp their attention.

For example, if you use ‘leading a meeting,’ then it is pretty obvious that the word due to its overuse and abuse in the past has lost most of its impact. Instead, you could prefer to use ‘chaired the meeting’ which not only adds more personality but also deviates from the usual boring stuff too.

Examples:

Mark (Date/Day/Time) on Your Calendars!
Stop By My Desk – I Brought in Cupcakes
Read the Insider Report for Business Job Applications
Register Today and Become A Master at Hosting Webinars
Get Help Now to Reach More People Through Your Website

2. Build Up On Curiosity

If you fail to tease your customer through subject lines, then the probability of them clicking on your email naturally falls down. You have to create and generate curiosity to know more to get their attention and clicking open to read through your message.

To be curious about something is human nature, which is why you need to understand your audience and know their interest to create a subject line that piques their interest. Hence you necessarily do not want to give too much away in your subject line, just the right amount that nudges them in the intended direction.

Examples:

Check This Out, Jen
Quick Question, Mark
Steal This Strategy
You’re Not Alone
You Won’t Believe This Story

3. Conciseness is Best

People are not fond of reading in the first place; it is an undeniable fact, and thinking that they would go through a long subject line is simply horrendous. You need to keep things short, simple, and digestible so that they can grab the gist of it and respond without wasting their time.

There are several people out there that might feel compulsive to look at an unopened email that offers them a subject line that has no ending to it. As a matter of fact, many supervisors in a workplace setting can also get offended if you, as a subordinate, send them an email with a tediously long subject line. Please don’t!

Examples:

This is Not a Sale. It’s a Celebration!
Stay on the Couch & Save Money
This is What You Have Been Missing
The Wait is Now Over
You Left Your Stuff At Our Place

4. Create a Sense of Importance

If your email subject line isn’t displaying anything important that may be considered a topic of interest for your recipients, then chances are slim that they will ever read your email. That is why you always need to make sure that your subject lines have something significant to say to them.

However, it is again the execution that matters since you cannot contradict by writing about something important and not making it concise as well. Writing subject lines is an art; you need to tick off all the boxes within a reasonable amount of space, not too little and definitely not too much.

Examples:

3 days until (conference)(Let’s talk)
Just (number) seat left for (training)
Next Week Only – Watch Me (do something) Live
You Should Sleep on Big Decisions
Offer Ends in (number of days) – Trust Your Instincts

5. Dishing Out Exciting Offers

To excite the recipient and be the bearer of good news should always be the intention of any company that wants to market their products and services. Otherwise, nobody would be least interested to hear about a documentary or brief about a monotonous finding regarding something truly mundane and disappointing.

The idea is to get them excited with a subject line that feeds their craving to know more and find out more. Once you have their attention and get them excited, it is a predominant factor that the chance of them clicking on your email improves by a lot.

Examples:

Your 7-Figure Plan is here!
Your Discount is Ready – Coupon Attached
Double Your Bonus (today/specific date )
Tonight A Denim Lover’s Dream Comes True
You Are Missing Out on Points

6. Humor & Pun Intended

Humor is always appreciated, but again it can be a double-edged sword if you begin to be careless with the choice of words and putting out meanings that can actually offend someone. Hence a necessary precaution has to be advised before you use puns and other gimmicks into your subject line.

Always use humor that is universally acceptable and indefinitely doesn’t discriminate against anyone. Your aim is to make them laugh and have a smile on their face when they see your email rather than make them feel agitated or profoundly feel thwarted by your style of communication.

Examples:

Swipe Right on Us
Mom’s Gonna Love This
You Have This in Common With Steve Jobs
Dad Jokes. I’ve got ‘em.
You can’t buy this on Amazon

7. Keep It Original

There are a lot of times when companies during desperate times try to get the attention of their customers and future prospects by writing absolutely unrealistic things in their email’s subject lines. Not only does falsehood disintegrate their credibility in front of their clientele, but it can also result in them losing their respect in front of their customers.

Hence it goes without saying that you should always refrain from blurting out plain lies in your subject lines as this would get you in more trouble than ever. Stick to being honest at all times, and this will eventually help you, in the long run, to build up your trustworthiness in the eyes of your selected audiences.

Examples:

Uh-oh, Your Prescription is Expiring
The Deals That Make Us Proud – Best of Groupon
Buffer has been hacked – here is what’s going on
Cool Freebie Alert! 15 Gifts, You Pick 5!
Where to Drink Beer Right Now

8. Make Them Feel Special

No matter what services and products we use, it is always the experience that can make us remember and retain a brand in our minds. It’s like going to a restaurant to get your favorite meal, but the wait staff drives you nuts, which can eventually result in you not going to that restaurant at all.

What we are trying to say is that even if your products and offers are not up to the mark, but you make people feel special whenever you come into contact with them, then they will remember you. Your subject line needs to deliver that edge, make them feel at ease, and tell them how special you are to them, some kind words can go a lot further and help you build long-lasting relationships.

Examples:

Rock the Color of the Year
Products That Would Make Even Celebs Envious
Best Car Picks – Just for You!
Your Twitter Followers Would Be Delighted
Tips to Make You a Virtuoso at Entrepreneurship

9. Numbers for Greater Impact

It is a well-known fact that one sure-fire way to get your audiences’ attention is by relaying meaningful numbers in your communication. This implies that you represent them with factual information that carries immeasurable value for them, and it also further adds to your overall appeal.

Research is important in business as it offers you fascinating insights to propel yourself ahead of the competition. Likewise, if your subject lines for your email present valuable information with the help of numbers, as anyone would expect, you are able to leave a lasting impact on them.

Examples:

7 Secrets That Can Make Your Business Successful
17 Reasons Why People Are Joining Us
Your First 1,000 Subscribers & How to Get Them
97.3% of Individuals Said Yes
8 Deadly Sales Mistakes You Can Avoid

10. Personalization

Nowadays, with the advent of technology and how the internet has progressively integrated with our everyday lives, people are more aware and thus would like to see you try your level best. Customers nowadays are looking forward to more personalized services than ever before.

Personalizing not only the subject lines but also the entire email is therefore considered a positive reflection on how you deal with your esteemed and valued customers. It doesn’t have to be much but enough to make them understand that you care for them and their preferences.

Examples:

Thomas, Your Home Needs these Fixes
Hey Jonathan! Care for a Free Meal?
[Mutual Contact] mentioned You
Hey Mark, We Met At a [Conference]
Your comments on [social post] were insightful

11. Questions that Oblige

At times it is our inquisitive nature that can get the best of us. People like to question and challenge themselves to see just how far they know about how things work. You can play with this trait by presenting a useful and helpful question of your own and mention it in the subject line of your email.

This will again build upon their curiosity that is mentioned above and will help you get more favorable responses. Presenting them with a question that you would like to answer for them once they read through your mail is a great idea, but make sure that this tactic is used adequately without any inappropriateness.

Examples:

Is this the hottest career in marketing?
? Free (Cool!) Clothes Alert?
Why Your Website is Running Low on Traffic?
Do You Know Where to Get The Best Meal Prices?
What is the best family car of 2020?

12. Relevance & Timeliness

Having a keen outlook towards on-going and current trends can also give you and your business the edge to ignite sparks in the mind of your customers. The more relevant your marketing style is for a selected audience, the better results you would be able to generate through your efforts.

On the other hand, it is also important that you keep your email replies prompt. In the case of an order confirmation, a welcome email, and other types of responses, they should all be well-timed. The more you delay, the lesser of a window you will have to strike when the iron is hot.

Examples:

8 hours before the deal runs out
These Trends Are Hitting Big at the Market
Your Business Needs AI and Here is How
Athleisure That is Making Waves in the Fashion Industry
Get These Insights Now Before Everyone Else Joins the Bandwagon

13. Showcasing Urgency

There are times where you can play with words to impart urgency in your audiences, and this could get them to act spontaneously towards your desired outcomes. For instance, the word “Limited Time Offer” is often used to tell readers that a certain package or deal is only available for a short period, and if they want to avail that offer, then they need to act quickly.

Similarly, terms like “breaking news” and “important alert” can also showcase that the matter that you need to discuss with them is quite urgent. Some of the times companies may even induce fear to get customers to respond; however, we digress on that line of action as no one should disrespect their customers like that.

Examples:

Important Alert – How Your Social Media is Being Tracked
Breaking News – Scientists Proclaim A Cure for Corona
The Best Deal in Town – Are You In or Out?
Limited Stock – Order Now!
Last Chance to Get Your Discount

14. Tell a Story

A strong narrative in your subject line can also spark the needed interest in your clients to have them clicking your email open. You need to capture the attention from the word go and may refer to an incident that they may be interested in reading its complete detail.

We all like a bit of drama in our lives; that is how fake news media make millions of dollars in cash by spicing things up a bit more than they actually are. However, we strongly recommend you to stick with an actual series of events as they too can be at times too darn interesting to simply pass by without giving a second look.

Examples:

Ready This Story About a Coffee Shop’s Success
This is How Samantha Opened Her New Spa
From a Pizza Delivery Boy to a Restaurant Owner – True Story
A Forex Trader’s Tale from Hardships to Triumph
How I Took My Website to 1 Million Subscribers

15. Use Familiarity

By far, we hope that you are getting the gist of what we have covered, and as an ending, not we would like to share with you the final tip for writing compelling subject lines. This one focuses on your past connections, engagements, and interaction with a customer that your business is familiar with.

Using a familiar set of voice or tone can actually help you bypass the protective shield or layers everyone has. It is almost like when two fellow acquaintances meet, where there are no needs for introductions. In fact, we directly jump to more active conversations and sharing of information as we have been living with them this whole time.

Examples:

Hey Peter, You Left Things in Your Cart
Lui, Did Your Order The Same Item Twice?
Joan Someone Just Tired to Tap into Your Account [Ignore if this was you]
We Know You Love Apple Products – Here Are Some Discounts
You Package is Ready for Shipping

Conclusion

Writing compelling emails and their subject lines is nothing less of an art form, but with proper guidance and practice, you can break it down to its technicalities for better results. However, there have to be set parameters that you need to implement in place so that certain moral values and ethical aspects of things are always taken care of by your marketing teams.

Hopefully, the above mentioned tips will offer you a range of options to play with when sending out your newest batch of emails to your customers.

Author Bio

Melissa Calvert is an IT Specialist who is currently working as an Academic Writer at Crowd Writer, where higher education students can acquire professionals for their do my essay needs from experts specializing in the field of study. During her free time, she likes to explore nature and travel to exotic destinations.

How to build dark mode emails for developers

Thu, 05 Mar 2020 04:11:55 +0000

Various operating systems and email clients are now supporting dark mode. At first I didn’t think I would have to do much and assumed the email clients would figure it out for me. It was only when I sent my monthly design newsletter, Dan Denney pointed out that it didn’t look so hot in Apple Mail.

This tweet was enough to incentivize me to look into it more. Here is what I’ve learned.

What is dark mode?

Your operating system may support dark mode.

On Mac, go to Settings > General, you’ll see an appearance setting with Light/Dark options.
On iOS, go to Settings > Display & Brightness, you’ll see an appearance setting with Light/Dark options.
On Windows, go to Settings > Personalization > Colors, you’ll see app mode setting with Light/Dark options.
On Android, go to Settings > Display, you’ll see a Dark theme toggle.

With dark mode enabled, your OS enters high contrast mode, meaning background colors and font colors may be inverted to help with accessibility and readability.

tl;dr white background turns black, black text turns white

What email clients support dark mode?

Clients I know have some level of support include:

Gmail (iOS + Android)
Outlook (iOS + Android)
Apple Mail
iOS Mail
Outlook 2019 (Mac + Windows)
Outlook.com
Superhuman

I use the term “support” loosely here. As we know, email rendering is already complex. Adding in dark mode adds another flavor of inconsistency.

Clients that let you control the dark mode styles include:

Outlook (iOS + Android)
Apple Mail
iOS Mail
Outlook 2019 (Mac)
Outlook.com
Superhuman

3 Things you need to do to control how your dark mode email looks

1. Optimize images for both light and dark

Yes this is annoying.

If you have a logo that doesn’t look good against a dark background (i.e. a dark logo) then consider adding an outer glow or dark stroke around your logo.

For images that aren’t rectangular, use transparency instead of a solid background. This may mean using PNGs instead of JPGs. Choose wisely as you want to keep an eye on image size.

2. Add these lines of code to your HTML

These meta tags ensure dark mode is enabled if your user has this setting applied.

<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style type="text/css">
:root {
  color-scheme: light dark;
  supported-color-schemes: light dark;
}
</style>

3. Add dark mode styles via media query

Make sure this is within your embedded CSS block. For example, maybe instead of absolute black you want the email to use your brand’s specific black value.

@media (prefers-color-scheme: dark ) {
  
  .body {
    background-color: #172430 !important;
    color: #ffffff  !important;
  }
  
  h1, h2, h3, p, td {
    color: #ffffff !important;
  }
  
  /* More styles here */
}

Other things you might want to do:

If dark mode styles on Outlook for Android are important to you then you can use [data-ogsc] to apply dark styles (more on that here — thanks Mark Robbins!)
If you want to use different images for light/dark mode, then add classes to those images and styles that hide or show those images to your media query

Testing dark mode locally

This is kind of cumbersome. I use a Grunt workflow to develop emails locally and test in the browser. Chrome looks at the media query and applies the correct styles. So I will either:

Add/remove the dark mode styles to my email, refresh and check to see how it looks
Switch my OS settings from dark to light, refresh and check to see how it looks

Testing dark mode for reals

Once things are looking pretty good in the browser, I use Postdrop to send test emails to myself. Then I will check them in the clients available to me which include Gmail, Apple Mail and a couple others.

Litmus is of course a great tool for testing email and if you have an account with them, absolutely use them to test your emails, including dark mode.

What interesting things are you doing with dark mode emails? @leemunroe on Twitter, would love to learn more.

How Email Developers Can Get Started With AMP for Email Today

Tue, 16 Jul 2019 00:00:00 +0000

Earlier this year, Google officially announced the beta version for AMP for Email and, on July 2nd, the widely anticipated protocol finally became available to the general public.

But what exactly is AMP for Email, how does it affect marketers and developers and, most importantly, how can you get started with it?

What is AMP for Email

AMP for Email is a project that Google first talked about a year ago and that promises to change the way brands and audiences interact with one another through email.

Over the years, the web-experiences that brands offer to their customers have changed dramatically, shifting from static web pages to dynamic apps that add value. Email, however, has been almost the same for decades.

With AMP for Email, this is about to change. AMP (Accelerated Mobile Pages) is a new functionality that makes emails more interactive and tries to replicate the same experience that the user would have on a normal page.

The main idea behind AMP for Email is that the user shouldn’t have to click on a link inside the email and be redirected to the company’s website. Instead, they should be able to access an engaging experience right from the email and take actions that were previously only available for web pages.

Example of Gmail with AMP

AMP uses classic programming languages:

HTML
CSS
Javascript

AMP has some special requirements that differ from standard HTML emails:

Must start with the doctype <!doctype html>
Must contain a top-level <html ⚡️4email> tag
Must contain <head> and <body> tags
Must contain a <meta charset="utf-8"> tag as the first child of their head tag
Must contain a <script async src="https://cdn.ampproject.org/v0.js"></script> tag inside their head tag
Must contain amp4email boilerplate <style amp4email-boilerplate>body{visibility:hidden}</style> inside their head tag to initially hide the content until AMP JS is loaded
The entire AMPHTML markup must not exceed 102,400 bytes`
The entire <style> tag cannot exceed 50,000 bytes
Custom embedded CSS must go inside <style amp-custom></style> tag
Use <amp-img> instead of <img>

<!--
     Below is the mininum valid AMP4EMAIL document. Just type away
     here and the AMP Validator will re-check your document on the fly.
-->
<!doctype html>
<html ⚡4email>
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp4email-boilerplate>body{visibility:hidden}</style>
</head>
<body>
  Hello, AMP4EMAIL world.
</body>
</html>

Example AMP email code

Watch this in-depth video where the AMP team explains how this functionality works and how it can help businesses.

What Can You Do with AMP for Email?

AMP for Email was launched in a context where the demand for interactive email experiences has never been higher. In 2018, interactive email was the #1 email marketing trend and more and more brands are discovering that engaging emails can deliver seriously high ROI.

Even in a marketing scene dominated by social media and paid ads, email marketing continues to be relevant, but customers expect more from brands. The latest data shows that people receive 128.8 million emails from brands every day. To stand out in a cluttered inbox, emails need to deliver a valuable experience.

With AMP, users will be able to save time and do certain actions right from their email client, without having to open their browser. For example, they can:

Respond to an invitation
Fill out a questionnaire
Leave a review
Make a reservation
Browse through a store’s products
Reply to a comment
Get up-to-date information about their flights

…and much more, all from their email client. Although not all developers are loving this functionality, AMP for Email brings many advantages for productivity buffs and users who want to have everything done from one app.

Needless to say, marketers are loving the capabilities of accelerated mobile pages, because it offers them more ways to engage with users and deliver dynamic experiences.

ESPs That Support AMP for Email

These email service providers currently support AMP:

Clients That Support AMP for Email

According to the Gmail team, AMP will be supported by the latest two versions of every major desktop, phone, and tablet browser. These Google-supported email clients also accept AMP today:

Gmail
Yahoo! Mail
Outlook
Mail.ru

What Companies Are Already Using AMP for Email?

Although AMP for email isn’t widely available yet and it will take some time until companies everywhere incorporate it into their marketing strategy, Google has already started collaborating with a few companies to test it out.

Booking.com, Pinterest, OYO Rooms, redBus, Despegar, and Nexxt, are some of the early adopters and, if you are subscribed to these websites, you’ve probably already received a few emails that feature AMP.

Several AMP examples are already available on the official page, along with code and live samples. Let’s have a look at how brands are experimenting with this functionality.

Oyo Rooms

OYO Rooms is India’s largest hospitality company and they plan to expand on the US market as well. Recently, they have included AMP in their email marketing strategy and the results look great.

Oyo Rooms AMP for Email

As you can see, AMP allows the user to browse the best properties right from the email app, without opening the browser. Once they click on a property, they can also view detailed ratings and reviews.

One major user advantage that OYO Rooms developers have incorporated are dynamic prices. These solve a long-standing problem in the accommodation industry. Usually, when people open an email link with property prices, these prices may no longer be available.

So, for example, if the company sends an email with pricing and availability details for property X on April 1st, but the user opens it on April 3rd, the details displayed on the website may no longer correspond to the ones it the email. That can be very frustrating, but with AMP, the prices are dynamic. This means that all the data from the email is fetched in real time, from the number of available rooms to the current price and the guest ratings.

Ecwid

Ecwid is the first e-commerce platform to launch dynamic email for e-commerce merchants. Thanks to AMP, online merchants can view real-time information about their products and sales as soon as they open their emails.

Ecwid AMP for Email

According to Ecwid, the merchant’s email automatically syncs with the online store, so that the merchant receives up-to-date information such as order status updates and abandoned carts.

Buyers can also get live updates about their orders. For example, if the merchant changes the order status from Paid to Shipped, the buyer will see this when they open the email.

Another neat trick is the account verification step, which can now be done straight from the email. A long email verification process is one of the reasons why users end up forgetting to confirm their email.

Ecwid AMP for Email

Ecwid used AMP to allow new users to verify their accounts with one click straight from the welcome emails, without opening a new tab in their browser.

How to Get Started with AMP for Email

1. Register for AMP

To actually send out emails from your own environment you’ll need to do a few things.

First make sure you have SPF (Sender Policy Framework) and DKIM (DomainKeys Identified Mail) set up for the domain you’re sending from.

Next, you have to send a test email to ampforemail.whitelisting@gmail.com and follow the instructions in the Bulk Senders Guidelines from Gmail.

Then use their registration form to list yourself as a sender.

Keep in mind that a lot of companies are interested in the potential of AMP, so it might take about a week until your registration request is processed.

2. Creating Your AMP Emails

You can start creating an AMP email from any text editor, and to make sure it looks as intended, you can use the Gmail AMP playground. Keep in mind that a great email needs to provide high-quality content to users.

Carousel AMP email

When creating your AMP email, use all three versions: text, HTML and AMP HTML. This way, if the user’s device doesn’t support AMP or has a slow connection, they’ll see the HTML or text versions instead.

Creating an AMP Email is in many ways similar to creating an HTML email and you can add pretty much the same elements, including tables. You can also set custom fonts, but some things are forbidden:

Transitions
@keyframes
Width >800px (not advised)
CSS such as !important, external stylesheets, and classes starting with -amp- or i-amp-

Remember that every AMP component must have the matching script tag in the document head, otherwise, your email will be marked as invalid and be reverted as HTML or text.

When creating an AMP email, you can either use a fixed layout or a responsive layout. To find out what users open your email and how they interact with it, you can add a tracking pixel.

3. Testing Your AMP Email

When you send AMP emails, you want to make sure the user enjoys a smooth, bug-free experience, which is why testing is a step you can’t skip.

Use the AMP playground to see how your email is displayed on various devices and the AMP HTML Email Validator to see your validation status and find out if there are any errors you’ll need to fix.

Example AMP email in Gmail

In order to receive emails from the Gmail AMP playground to your inbox, you need to whitelist amp@gmail.dev.

Go to Settings > General > Dynamic email, check Enable dynamic email and click Developer Settings. Then add amp@gmail.dev as the Sender Email Address. Don’t forget to save your changes.

Whitelist the AMP playground

Conclusion

AMP is one of the functionalities that could have a groundbreaking effect on how marketers and developers use email. Although only a handful of companies use AMP for Email right now, the features it offers have made many curious and adoption rates will undoubtedly kick off once more ESPs support AMP.

Transactional HTML Email Templates for Developers

AI in Email Personalization — Tailor Content for Every Subscriber

Understanding AI Email Personalization

Transforming Email Campaigns with AI

Why Personalize? The Compelling Benefits of an AI-powered Email Marketing Tool

Sending Personalized Emails: A Step-by-Step Guide

Step 1: Identifying the Right AI Tools and Platforms

Step 2: Integrating AI with Existing Email Marketing Software

Step 3: Developing a Data-Driven Approach to Segment Audiences

Step 4: Designing Emails with Personalization in Mind

Align Emails with the Buyer’s Journey

Use Behavior Triggers

Leverage Dynamic Content

Optimize Scheduling and Targeting

Ensure Clear Next Steps

Step 5: A/B Testing Email Examples

Personalized Email AI: Common Pitfalls and Ethical Considerations

1. Privacy and Data Security Concerns

2. Over-Personalization and Intrusiveness

3. Algorithmic Bias and Discrimination

4. Technical Glitches and Misinterpretations

5. Dependency on Automation

Personalization in Email: Conclusion

How to send HTML emails in Gmail

Copy/pasting HTML into Gmail

Inserting HTML into Gmail

What to pay attention to when writing an HTML email?

1. Images need to be hosted online and available publicly

2. External style sheets won’t work

3. You can’t use web fonts

Utilizing HTML editors

Use The Send HTML in Gmail Chrome Extension

Final words

Free Email Templates for Figma

How to customize your Shopify email templates

How to use custom HTML email templates for Shopify emailing

1. Choose an email template to edit

2. Upload the files that you need

3. Customize your template and insert the Shopify liquid variables into your template

4. Copy across your email template into Shopify

5. Test your Shopify emails

Further reading

Other email service template tutorials

How to use custom HTML email templates with SendGrid

How to use custom email templates for SendGrid transactional emails

Create a template and copy the code across

Update the placeholder content with SendGrid sub tags

Don’t forget about preheader text

Using images

Start sending

Further reading

Other email service template tutorials

How Notifier.so fixed their Outlook issues in 2 hours to send transactional email alerts with Amazon SES

What was the challenge you were facing?

How did HTML Email templates help solve this problem?

What were the results?

Transactional email templates

Further reading

15 Tips for writing compelling subject lines with 75 practical examples

How To Write Subject Lines That Convert

1. Use Action-Oriented Verbs

2. Build Up On Curiosity

3. Conciseness is Best

4. Create a Sense of Importance

5. Dishing Out Exciting Offers

6. Humor & Pun Intended

7. Keep It Original

8. Make Them Feel Special

9. Numbers for Greater Impact

10. Personalization

11. Questions that Oblige

12. Relevance & Timeliness

13. Showcasing Urgency

14. Tell a Story

15. Use Familiarity

Conclusion

Author Bio

How to build dark mode emails for developers

What is dark mode?

What email clients support dark mode?