Beefree blog

Tutorial: How to Build an Image Grid Email for Desktop and Mobile

Beefree team
Beefree team
Apr 10, 2018
Tutorial: How to Build an Image Grid Email for Desktop and Mobile

Do you want to design a simple, beautiful, mobile responsive email with a ton of photos? We got you. Today's post is a step-by-step guide to building a stunning image grid email. You can use this dynamic layout to introduce a new product, offer a promotion, run a sale, or tell almost any kind of visual story. Using an email from fashion brand & Other Stories, we'll walk you through how to organize and optimize a photo grid in an email, including how to:

  • Make creative image grid configurations
  • Set an auto width for select images
  • Hide specific images in the mobile version
  • Stack images in the mobile version (or leave them in a grid formation)

Inspiration: & Other Stories

E-commerce brand& Other Stories consistently sends thoughtfully designed emails. Even though they're full of product photos, the emails remain simple, fresh, and free of clutter. Plus, the brand does a great job of using well-formatted live text and making sure its photo grids look great on mobile, too. Check out what we're talking about—here are a few recent emails from & Other Stories:

Each email is a little different, but most include a photo grid with different-sized images. This one has two hero images, followed by a grid:

We love the use of different-sized images that all fit together perfectly. Knowing how to make smart image configurations can really level-up the design of your emails. Let's get started on how to do it in today's tutorial.

The Inspiration for Our Photo Grid

For today's tutorial, we'll show you how to create an email like this one:Subject: Spring's color pairing

Pretty, right? And it's not difficult to create. Let's go!

Step 1: Build the structure

Open up the BEE editor on our website https://beefree.io/ or from your BEE Pro account and start designing in abasic one-column template.We can think of the email as having six structures or modules.

From ourStructuremenu on the right, we’ll create an email layout that mimics our example by dragging in modules. The first half is a single column, while the second half has a series of multi-column structures.

Using a series of asymmetric multi-column structures like this sets us up to design a dynamic photo grid. When a layout alternates from row to row, it's easy to create a photo grid with images of different sizes. Keep reading to see how.

Step 2: Arrange content blocks

Going row by row, we'll drag in content blocks that correspond to the content contained in each structure. For instance, the first structure (or row) will need a text block to read "STOCKHOLM ATELIER," a divider line, and then an image block for the & Other Stories logo. We'll pull in each of these content blocks into Structure 1.

The following structure will only need an image content block to contain the hero image, and the one after that will require text only.To build the first image grid structure, in row 4, we'll drag in image content placeholders, so the row looks like this:

Then, we drop in the images.

Because of the structure, or layout, chosen for this row, the photo on the right has space to be as large as the two images stacked on the left.Beneath it, the following four-column structure will contain four evenly sized images.(1) Here's the bare structure:

(2) Here's the structure with image content blocks:

(3) Here's the final structure after we drag in images:

Simply go through each row, adding the images and content blocks as desired to complete your email! Here is how ours is coming together:

3. Format images: tips and tricks

Now that you have the hang of how to arrange images, here are some tips on making them look the way you want.

Fine-tune padding

Remember that you can line up each image next to another one—without space between—by setting an image padding to zero. Simply click an image, then use the Content Properties menu on the right to make adjustments.

Conversely, if you want to create space between images, bump up the padding a bit. Here's our four-column row with a little padding—5 px—added between images:

Set an auto width for select images

When you drag and drop an image into your email, it will automatically fill the width of the container. But you can also use the Content Properties menu to adjust an image's width. For instance, in our current email, when we drop in the & Other Stories header image, it's automatically the width of the email.

To decrease the width of the image, unselect auto width on the right...

...then drag the percentage bar down, closer to 20%, to shrink the appearance of the logo.

Note: You can also check the "Full width on mobile" box to make sure the logo is easy to see on a smaller screen.

Hide specific images in the mobile version

If you have an image-heavy email, consider hiding some of those images on mobile. Doing this can help make the email quicker to download on mobile devices and improve readability—with fewer images, a reader won't have to scroll and scroll. You might also have a large hero image, as in this email from & Other Stories, that shouldn't take up so much screen space on smaller devices. For these reasons, BEE now has a Hide on mobile feature that can be selected for an image.The Hide on mobile option is located at the bottom of the Content Properties menu for any image you select. If you select the hero image, for instance, then you can scroll down and choose to hide it.

The email preview allows you to see how theemail looks with the hidden hero image:

Stack images on the mobile version (or leave them in a grid formation)

All emails designed in the BEE editor are mobile responsive. This means, when you have an image grid like the one in an email, the mobile version will automatically "stack" images on top of each other for easy viewing on small screens. So our image grid usually looks like this on mobile, with each image shown "full screen" one at a time:

However, now you have the option to ask BEE not to stack images, if you prefer the grid to remain intact even on mobile screens.Simply select your image grid structure, then use the Content Properties menu to turn on theDo not stack on mobile feature.

Now, our mobile preview looks like this:

Plus! All these features are meant to give you more control over exactly how your email looks. We hope you enjoy the design flexibility while building (and mastering) stunning image grid emails in the BEE editor!

Choosing the Best Email Marketing Software for Agencies

With a multitude of email marketing software options available, the process of comparing them can be time-consuming. Here are some top tips for choosing the right email marketing software for your growing agency.
Beefree team
Apr 25, 2024

The ideal email marketing software has two jobs: support your growing agencies marketing and deliver exceptional results for your clients. So, how do you know which tool is right for you?

Types of email marketing software

Email marketing encompasses a multifaceted process, involving strategic planning, creative design, content creation, list building, targeting, analysis, and more.

Different software tools cater to different facets of this process, each offering distinct features and functionalities. Broadly categorized, there are four types of email marketing software to consider:

1. Automation

Automation softwares can increase productivity by taking over of mundane and repetitive tasks involved in the email creation process. More importantly, automation solutions can help send the right emails at the right time. For example:

  • Emailing a cart abandonment reminder to customers who put items in their cart but don’t buy them
  • Sending a multi-email introduction campaign to customers or clients who sign up to a mailing list
  • Sending product or service recommendation emails to users based on their past purchases
  • Emailing a re-engagement email to clients or customers who haven’t made a purchase in a long time

2. Design and campaign creation

Email design software allows you to create effective, engaging email campaigns quickly and easily. These tools offer a user-friendly interface, often times with drag-and-drop functionalities that enable even those with limited design skills to create visually appealing emails swiftly.

Email design tools vs. email service providers

Moreover, these platforms often include features like A/B testing, dynamic content capabilities, and integration with other marketing tools, enhancing the effectiveness and efficiency of email campaign creation.

An email service provider serves as the platform through which you send your emails, while an email design tool is specifically designed for creating visually appealing and professional emails. An effective email design tools should easily integrate with your ESP to ensure a seamless workflow.

3. Analytics and reporting

An email marketing analytics tool monitors and analyzes the outcomes of your email marketing initiatives, encompassing metrics such as open rates, click-through rates, and engagement rates. Additionally, it should report details about your audience, such as demographics and behaviour, to help you make data driven decisions on the type of content that appeals to your readers and who is the most engaged.

4. List management and segmentation

A list management and segmentation tool facilitates the efficient management, organization, and maintenance of your mailing lists. These tools empower agencies to create distinct segments based on demographics or user actions.

For instance, when promoting your agency, you can create segments for existing clients and prospects. Alternatively, you might segment based on industry, such as retail, healthcare, or B2B sectors. These segmentation capabilities streamline targeted marketing efforts and enhance campaign relevance and effectiveness.

Factors to consider when choosing email marketing software

Selecting the right email marketing software is a crucial decision for agencies. Given the vast array of options available, each offering unique features and capabilities, many agencies use multiple tools to maximize their email efforts.

Whether you're looking for an all-in-one solution or exploring different options, it is essential to carefully assess several factors to make an informed decision:

  • Usability and interface: While there may be a learning curve with any new software, opting for a user-friendly interface ensures that your team can quickly adapt and efficiently create campaigns.
  • Pricing and plans: Budget considerations are paramount. Most software providers offer various plans tailored to different needs, so ensure you compare the appropriate plan options to your organization's unique needs.
  • Specialization: Some email marketing tools specialize in specific industries or niches. For example, certain tools are tailored for healthcare and life sciences, while others cater to tech companies. Considering the specialization of each tool ensures that you select one aligned with your agency's industry focus and requirements.

Review of 5 email marketing software for agencies

There are countless email marketing software solutions on the market, each with its own pros and cons, so you could pour months into comparing each one. Ultimately, each agency needs to choose the right tool or combination of tools to suit their needs, but here are a few of the best email marketing software for agencies to consider.

Omnisend

Omnisend is a comprehensive email marketing platform, offering an array of features including a drag-and-drop email builder and automation capabilities. However, its standout feature lies in its robust email list management and segmentation functionalities. Omnisend simplifies the process of collecting email addresses and building lists while providing tools to segment these lists for highly targeted campaigns. Additionally, its A/B testing feature enables you to gauge the effectiveness of different designs and messages for each audience segment.

While there is a free plan to get you started, standard plans start at $16 per month and increase based on the number of contacts you’ll be managing.

Beefree

Beefree is an agnostic email design tool focused solely on delivering top-notch email design solutions. Boasting a collection of over 1,700 expertly crafted templates, Beefree emphasizes best practices while offering a user-friendly email builder and editor for customizable email and landing pages.

Beefree offers advanced functionalities such as responsive and mobile-friendly design, AI-driven content creation capabilities, and built in collaboration solutions. The platform follows a "start for free, upgrade as you grow" pricing method that makes it the perfect solution for agencies of any size.

Mailchimp

Mailchimp is a versatile email marketing platform that encompasses a wide range of functionalities, including list management, email design, and data tracking. However, due to its all-in-one nature, Mailchimp's advanced options within each feature category may be somewhat limited. For basic usage, Mailchimp offers a free plan and for advanced controls plans begin at $13 per month.

Learn more: Integrating Beefree with Mailchimp

Drip

If you want to take advantage of the latest in automation, Drip is a helpful tool to have in your toolbox. Drip is a robust marketing automation tool designed to streamline targeted email campaigns and multi-channel marketing initiatives. While it excels in catering to e-commerce clients, it may not be as suitable for B2B clients or internal agency marketing. Drip does have certain limitations, particularly in email design functionalities such as spam testing. However, it shines in efficiently managing substantial contact lists.

Pricing starts at $39 per month with a 14-day free trial.

Unlayer

Similarly to Beefree, Unlayer is also an email design tool with a drag-and-drop email editor. Due to its simplicity, Unlayer is a great solution for a broader audience, including marketing agencies, businesses, and individual designers. It's comprehensive set of features, include template and module organization, collaboration, and integrations with third-party apps.

Unlayer offers a free plan with basic essentials, as well as plans starting at $15 per month and $30 per month.

How to choose the right email marketing software for your agency

Now that we’ve taken a survey of the landscape and the types of email marketing software solutions available, how do you know which tools are best for your agency? Here are some key questions to ask as you’re narrowing your options:

  • Can this tool manage multiple accounts effectively? As an agency, you'll likely need to handle your own email marketing as well as manage accounts for each client. Assess the tool's capabilities for managing multiple businesses or brands in an organized manner.
  • Is this tool suitable for the types of clients I serve? Consider whether the email marketing tool is designed for retail, e-commerce, B2B, or specific industries. Ensure that the tools you choose align with the diverse needs of not just your agency, but your clients.
  • Does this product or plan offer support? Evaluate the available support options, such as phone support, online chat, etc., as you may require assistance with software features or technical issues. Understand the support provided with each plan to make an informed decision.
  • How scalable is this platform? Hopefully, your agency will grow to take on more clients. Anticipate future growth for your agency and assess whether the software can accommodate an increase in clients. Determine how seamless it is to upgrade to more advanced plans as your agency expands.
  • How does this tool integrate with or enhance my current workflows? Choose a platform that aligns with your desired email marketing workflow, such as easy internal or client approvals, integration with customer management software, and other related tools.

By addressing these questions, you can narrow down your selection to the top email marketing software options that best meet your agency's requirements and goals.

How Beefree helps agencies with email marketing

Selecting the appropriate solution for your growing agency is pivotal in not only enhancing the success and efficiency of your agency's email campaigns, but that of your clients.

While finding the perfect fit for each aspect of your email marketing program can be challenging, when it comes to email design, Beefree simplifies the process. Due to its agnostic nature, integrating Beefree into any sending platform is seamless and with a myriad of resources, there is minimal learning curve. Through its accessible pricing plans and enterprise-level solutions, Beefree paves the way for agencies to elevate their email marketing strategies and drive impactful results for clients.


If you're a growing agency looking to see Beefree's full collaboration features in action, sign up for a 15-day free Business plan trial

Elevate Your Email Campaigns: Optimal Banner Size & Design Tips

Discover the perfect email banner size for your campaign with our comprehensive guide, including design tips, best practices, and inspiration to enhance your emails.
Beefree team
Apr 17, 2024

Every marketer knows that branding, visually engaging branding, matters. In a recent HubSpot survey, 20% of marketers reported to see a direct correlation between their design choices and an increase in email engagement.

In email marketing specifically, one of the first design elements a recipient views is your banner, making it crucial to grab the attention of the reader at first glance. An email banner should effectively convey your message, resonate with your audience, and be responsive regardless of what device your recipient uses to view your emails.

Let's discuss email banner best practice to follow that will ultimately lead to improve results of your email campaigns.

What is an email banner?

An email banner is a strategic design element element that appears at the top of your emails to catch the immediate attention of your reader. Sometimes called an email header, your banner is where you’ll introduce the main purpose of your email, like that amazing sale you’re advertising or the product launch of the century, and reel in customers’ so they scroll through the rest of the email.

Your email banner is your chance to make a fantastic first impression. Let’s explore the best email banner sizes and best practices to keep in mind.

Ideal email banner sizes

It is an outdated solution to automatically set all email banners to a width of 600px. With screen sized of both mobile and desktop devices varying so widely, it's important to ensure your email banner size is responsive for optimal viewing experience.

  • For desktop users, a banner 650-700 pixels wide and 90-200 pixels tall is ideal
  • For mobile users, the ideal banner is 350 pixels wide and up to 100 pixels tall

These updated dimensions follow responsive design best practices allowing email banners to render properly in a variety of email clients and devices.
Responsive design allows your email design to automatically adjust to the screen size of a customer’s device.

PRO tip: using an email design template that is already built to be responsive makes following this best practice a breeze.  

Impact of email banner size on campaign performance

A banner that’s poorly sized could become distorted when customers open it in their Gmail, Outlook, or whatever email platform they use.

This makes your email look less professional and it can also be harder to read so it doesn’t get your message across as well. A poorly sized email banner can also affect the user experience. If the banner is too wide, for example, it forces customers to scroll horizontally and it doesn’t allow them to see the entire banner in one view.

Not only do these issues affect the overall experience customers have with your email but they can also squander the excellent engagement opportunity that a well-designed email banner can be. According to Opensense's data, email banners can have 5-10% engagement rates,  a significant enhancement compared to the average click-through rate of 1.4% in emails.

Best practices for email banner design

Your banner size is an important part of designing an effective email banner, but it’s one of many. Check out these best practices to make your email banner even more powerful in garnering the engagement of your recipients.

  • File size: Any image in your email, but specifically your email banner, should be of high-quality. The ideal image should be download as a PNG at a resolution of 72dpi at 40kb or below.
  • Inverted pyramid: This "rule" in email design relates to adding the most important information at the top, working your way down to the least important information. When designing your email banner, make sure it clearly communicates the most important message in your email.
  • Brand consistency: As important as it is that your email banner makes a positive impression and communicates the main purpose of your email, it also should align with your brand. Make sure the design uses your brand colors, logo, or other aspects that make it consistent with your brand’s visual identity.
  • Text: Your banner needs to communicate your message, but less is more. Keep your copy sparse so it isn’t visually overwhelming and so the focus stays on your core intention. Ideally, 45-75 characters on a line is the sweet spot.
  • Email-friendly fonts: Make sure you use email-safe fonts that render reliably on major email platforms.
  • Accessibility: You want your banner’s message to reach as many customers as possible, and that includes customers with disabilities. Make sure to include accessibility features like using alt text so viewers with visual impairments can understand your message and using color combinations that viewers with color blindness can see.
  • Interactivity: Your email banner doesn’t have to be just a plain image or text. Consider making it interactive, such as with a GIF or a video that grabs your viewers’ attention.
  • Testing: You can follow all the rules for proper email banner size and design, but it’s still important to test it in action to make sure it shows up the way you want it to. Always send yourself a test email and see how that test email looks on different devices and platforms before you send it to your subscriber list.

For inspiration, check out these excellent email banners. This one from Beefree's template catalog clearly communicate the purpose of the email, remains consistent in branding throughout and plays with visual and text hierarchy to guide the reader's eye.

color of the year beefree email template
Use this template

This other email banner uses a navigation bar to keep the reader in the brand's ecosystem allowing readers to learn more about the marketing agency. This simple, yet effective email header communicates clearly the purpose of the email using imagery and text and has a clear CTA to lead the reader to complete the desired action without needing to scroll.

free beefree webinar email template
Use this template

Common mistakes in email banner design

When creating a strong email banner, it’s just as important to avoid doing the wrong things as it is to do the right things. Watch for these common pitfalls in email banner design:

  • Over-designing: Your email banner is prime real estate in your email, so of course you want to make the best use of that real estate. If you try to cram too much into that banner, though, you may lose your core message entirely because viewers don’t know where to look. 
  • Hard-to-read fonts: Your email banner is a wonderful place to get creative and build visual appeal, so of course you want to use fun design elements and fonts.
    But at the end of the day, the purpose is to send a message, so make sure the ornamental fonts you use are still clear enough that they’re easy to read.
  • Lack of responsive design: We’ve touched on this above but it’s also a common misstep that’s worth mentioning. Considering that 46% of emails are opened on mobile devices, every email and banner you create must be responsive to maintain its visual quality on any email platform.

Leveraging Tools for Email Marketing Banner

There’s a lot to consider as you’re designing an email banner, but we have great news: there are tools that can make it easier.

Take Beefree for example. Our extensive email template library has over 1,700 pre-built templates that already use banner design best practices like responsive design, minimal text for maximum impact, and proper sizing. Our HTML email editor makes it easy to customize these designs for your brand and messaging.

Start designing with ease and sign up for a free account today! 

Beefree's acquisition of Really Good Emails: here’s why we're excited and you should be too

As of April 15th, 2024, Beefree has acquired Really Good Emails to bridge inspiration and creation: here’s why and what’s next.
Massimo Arrigoni
Apr 15, 2024

If you’re in the email space, you’ve visited reallygoodemails.com

I’ve been a fan for years. There’s nothing like seeing fantastic messages designed by some of the world's best brands to inspire you. Perhaps as well-known as the website are the newsletters from Really Good Emails: witty, funny, and packed with great articles and best practices.

So when Mike Nelson, one of the founders of Really Good Emails (RGE), reached out to me months ago, I was all ears.

Mike and his partners had been volunteering their time on the RGE project for almost ten years and had decided that it was time to switch gears. To deliver more value to their millions of visitors, RGE needed more time, money, and full-time focus.

One thing they found in surveys is that RGE users wanted to “turn saved emails into customizable templates” and use them in any email tool. As it turns out, that’s exactly what people do with Beefree’s no-code email builder: create millions of emails monthly for all sorts of use cases in virtually every industry. They even create those emails inside hundreds of other applications where our tools are embedded. 

Mike clearly had the right idea, and I’m so glad he and his co-founders reached out. 

We started talking and sharing ideas and a vision for the future of RGE. There was a lot of alignment. We believed then—and even more strongly today—that a collaboration between RGE and Beefree could make the art and science of email creation more accessible, more inspiring, and simply, more fun.  

Our plans for the future

If you’re an RGE fan and have never heard of Beefree, our goal is to shorten your path from inspiration to creation. Over the next several months, we will work on various ways to make that happen.

If you’re a Beefree fan, we will add more inspiration to your email design process. You’ve seen the 1,700+ templates in our catalog. Now, we’ll leverage the 15,000+ designs on the RGE site to give you creative superpowers.

If you’re involved in email creation at all, the key point is this: by bringing together RGE's vast email catalog with Beefree's intuitive design tools, we will provide new ways for you to close the gap between finding inspiration and creating something valuable from it.

I've always believed that inspiration is the precursor to creation. Seeing a design that clicks with you, that sparks that "Aha!" moment, is crucial. And Really Good Emails has been that source of "Aha!" for many, including myself. Incorporating RGE's treasure trove into Beefree's ecosystem feels like a natural step toward enhancing the creative process for our community.

Bringing Beefree and RGE together

From a product point of view, you will start seeing integrations between RGE and Beefree. We’ll start small and get fancier over time. They will start shipping soon, and we’ll keep you posted. 

While that’s in the future, there are things we can deliver to you today.

  • First, the Pro features on reallygoodemails.com become FREE for all, starting immediately. At Beefree, we love removing friction and agreed with our friends at RGE to start there. So, create new collections, add your favorite emails, and use the Chrome extension. It’s all free now.

  • Secondly, Unspam is back. It was hard for an all-volunteer team to host and grow this special email event. We have zero intention of changing the nature and objectives of the event, but we’re excited to support it and help it grow. Justine Jordan - Head of Strategy & Community at Beefree - took the lead on that, co-hosting Unspam 2024 in her own, authentic way.

  • Third, I'm super excited to welcome Mike Nelson and Matt Helbig from RGE to the Beefree team. They have a lot of innovative ideas around the future of Really Good Emails, and we can’t wait to collaborate with them. Matthew Smith and Matt Cook will help as strategic advisors.

We live in a world where email continues to be the favorite channel for companies to communicate with their subscribers and for people like you and I to hear from our favorite brands (e.g., here and here). In this world, you - email creators - play such a crucial role.

You are the key stakeholders for both RGE and Beefree. Hundreds of thousands of you use our tools every month. Through Unspam and many other initiatives, we want to increase investment in email makers and creators. 

We need to do so to continue building products that make sense and are truly helpful: successful products only come from a lot of deep listening. We want to do so because we are part of the same community, and there’s no healthy RGE & Beefree without a thriving community.

I know it’s cliché to say it, but we truly believe this is a case where the whole has a real chance of being greater than the sum of the parts. Our tools - combined - will deliver a greater amount of value to you. Our efforts - combined - will have a greater impact.

Give us a bit of time to execute all of this, and keep us honest as we do so. If you have questions, we maintain a FAQ here and welcome your comments and feedback by emailing community@beefree.io

With heartfelt enthusiasm, optimism, and anticipation for what’s to come,

Massimo Arrigoni 

CEO, Beefree

Choosing the Best Email Marketing Software for Agencies

With a multitude of email marketing software options available, the process of comparing them can be time-consuming. Here are some top tips for choosing the right email marketing software for your growing agency.
Beefree team
Beefree team
25 Apr
2024

The ideal email marketing software has two jobs: support your growing agencies marketing and deliver exceptional results for your clients. So, how do you know which tool is right for you?

Types of email marketing software

Email marketing encompasses a multifaceted process, involving strategic planning, creative design, content creation, list building, targeting, analysis, and more.

Different software tools cater to different facets of this process, each offering distinct features and functionalities. Broadly categorized, there are four types of email marketing software to consider:

1. Automation

Automation softwares can increase productivity by taking over of mundane and repetitive tasks involved in the email creation process. More importantly, automation solutions can help send the right emails at the right time. For example:

  • Emailing a cart abandonment reminder to customers who put items in their cart but don’t buy them
  • Sending a multi-email introduction campaign to customers or clients who sign up to a mailing list
  • Sending product or service recommendation emails to users based on their past purchases
  • Emailing a re-engagement email to clients or customers who haven’t made a purchase in a long time

2. Design and campaign creation

Email design software allows you to create effective, engaging email campaigns quickly and easily. These tools offer a user-friendly interface, often times with drag-and-drop functionalities that enable even those with limited design skills to create visually appealing emails swiftly.

Email design tools vs. email service providers

Moreover, these platforms often include features like A/B testing, dynamic content capabilities, and integration with other marketing tools, enhancing the effectiveness and efficiency of email campaign creation.

An email service provider serves as the platform through which you send your emails, while an email design tool is specifically designed for creating visually appealing and professional emails. An effective email design tools should easily integrate with your ESP to ensure a seamless workflow.

3. Analytics and reporting

An email marketing analytics tool monitors and analyzes the outcomes of your email marketing initiatives, encompassing metrics such as open rates, click-through rates, and engagement rates. Additionally, it should report details about your audience, such as demographics and behaviour, to help you make data driven decisions on the type of content that appeals to your readers and who is the most engaged.

4. List management and segmentation

A list management and segmentation tool facilitates the efficient management, organization, and maintenance of your mailing lists. These tools empower agencies to create distinct segments based on demographics or user actions.

For instance, when promoting your agency, you can create segments for existing clients and prospects. Alternatively, you might segment based on industry, such as retail, healthcare, or B2B sectors. These segmentation capabilities streamline targeted marketing efforts and enhance campaign relevance and effectiveness.

Factors to consider when choosing email marketing software

Selecting the right email marketing software is a crucial decision for agencies. Given the vast array of options available, each offering unique features and capabilities, many agencies use multiple tools to maximize their email efforts.

Whether you're looking for an all-in-one solution or exploring different options, it is essential to carefully assess several factors to make an informed decision:

  • Usability and interface: While there may be a learning curve with any new software, opting for a user-friendly interface ensures that your team can quickly adapt and efficiently create campaigns.
  • Pricing and plans: Budget considerations are paramount. Most software providers offer various plans tailored to different needs, so ensure you compare the appropriate plan options to your organization's unique needs.
  • Specialization: Some email marketing tools specialize in specific industries or niches. For example, certain tools are tailored for healthcare and life sciences, while others cater to tech companies. Considering the specialization of each tool ensures that you select one aligned with your agency's industry focus and requirements.

Review of 5 email marketing software for agencies

There are countless email marketing software solutions on the market, each with its own pros and cons, so you could pour months into comparing each one. Ultimately, each agency needs to choose the right tool or combination of tools to suit their needs, but here are a few of the best email marketing software for agencies to consider.

Omnisend

Omnisend is a comprehensive email marketing platform, offering an array of features including a drag-and-drop email builder and automation capabilities. However, its standout feature lies in its robust email list management and segmentation functionalities. Omnisend simplifies the process of collecting email addresses and building lists while providing tools to segment these lists for highly targeted campaigns. Additionally, its A/B testing feature enables you to gauge the effectiveness of different designs and messages for each audience segment.

While there is a free plan to get you started, standard plans start at $16 per month and increase based on the number of contacts you’ll be managing.

Beefree

Beefree is an agnostic email design tool focused solely on delivering top-notch email design solutions. Boasting a collection of over 1,700 expertly crafted templates, Beefree emphasizes best practices while offering a user-friendly email builder and editor for customizable email and landing pages.

Beefree offers advanced functionalities such as responsive and mobile-friendly design, AI-driven content creation capabilities, and built in collaboration solutions. The platform follows a "start for free, upgrade as you grow" pricing method that makes it the perfect solution for agencies of any size.

Mailchimp

Mailchimp is a versatile email marketing platform that encompasses a wide range of functionalities, including list management, email design, and data tracking. However, due to its all-in-one nature, Mailchimp's advanced options within each feature category may be somewhat limited. For basic usage, Mailchimp offers a free plan and for advanced controls plans begin at $13 per month.

Learn more: Integrating Beefree with Mailchimp

Drip

If you want to take advantage of the latest in automation, Drip is a helpful tool to have in your toolbox. Drip is a robust marketing automation tool designed to streamline targeted email campaigns and multi-channel marketing initiatives. While it excels in catering to e-commerce clients, it may not be as suitable for B2B clients or internal agency marketing. Drip does have certain limitations, particularly in email design functionalities such as spam testing. However, it shines in efficiently managing substantial contact lists.

Pricing starts at $39 per month with a 14-day free trial.

Unlayer

Similarly to Beefree, Unlayer is also an email design tool with a drag-and-drop email editor. Due to its simplicity, Unlayer is a great solution for a broader audience, including marketing agencies, businesses, and individual designers. It's comprehensive set of features, include template and module organization, collaboration, and integrations with third-party apps.

Unlayer offers a free plan with basic essentials, as well as plans starting at $15 per month and $30 per month.

How to choose the right email marketing software for your agency

Now that we’ve taken a survey of the landscape and the types of email marketing software solutions available, how do you know which tools are best for your agency? Here are some key questions to ask as you’re narrowing your options:

  • Can this tool manage multiple accounts effectively? As an agency, you'll likely need to handle your own email marketing as well as manage accounts for each client. Assess the tool's capabilities for managing multiple businesses or brands in an organized manner.
  • Is this tool suitable for the types of clients I serve? Consider whether the email marketing tool is designed for retail, e-commerce, B2B, or specific industries. Ensure that the tools you choose align with the diverse needs of not just your agency, but your clients.
  • Does this product or plan offer support? Evaluate the available support options, such as phone support, online chat, etc., as you may require assistance with software features or technical issues. Understand the support provided with each plan to make an informed decision.
  • How scalable is this platform? Hopefully, your agency will grow to take on more clients. Anticipate future growth for your agency and assess whether the software can accommodate an increase in clients. Determine how seamless it is to upgrade to more advanced plans as your agency expands.
  • How does this tool integrate with or enhance my current workflows? Choose a platform that aligns with your desired email marketing workflow, such as easy internal or client approvals, integration with customer management software, and other related tools.

By addressing these questions, you can narrow down your selection to the top email marketing software options that best meet your agency's requirements and goals.

How Beefree helps agencies with email marketing

Selecting the appropriate solution for your growing agency is pivotal in not only enhancing the success and efficiency of your agency's email campaigns, but that of your clients.

While finding the perfect fit for each aspect of your email marketing program can be challenging, when it comes to email design, Beefree simplifies the process. Due to its agnostic nature, integrating Beefree into any sending platform is seamless and with a myriad of resources, there is minimal learning curve. Through its accessible pricing plans and enterprise-level solutions, Beefree paves the way for agencies to elevate their email marketing strategies and drive impactful results for clients.


If you're a growing agency looking to see Beefree's full collaboration features in action, sign up for a 15-day free Business plan trial

Elevate Your Email Campaigns: Optimal Banner Size & Design Tips

Discover the perfect email banner size for your campaign with our comprehensive guide, including design tips, best practices, and inspiration to enhance your emails.
Beefree team
Beefree team
17 Apr
2024

Every marketer knows that branding, visually engaging branding, matters. In a recent HubSpot survey, 20% of marketers reported to see a direct correlation between their design choices and an increase in email engagement.

In email marketing specifically, one of the first design elements a recipient views is your banner, making it crucial to grab the attention of the reader at first glance. An email banner should effectively convey your message, resonate with your audience, and be responsive regardless of what device your recipient uses to view your emails.

Let's discuss email banner best practice to follow that will ultimately lead to improve results of your email campaigns.

What is an email banner?

An email banner is a strategic design element element that appears at the top of your emails to catch the immediate attention of your reader. Sometimes called an email header, your banner is where you’ll introduce the main purpose of your email, like that amazing sale you’re advertising or the product launch of the century, and reel in customers’ so they scroll through the rest of the email.

Your email banner is your chance to make a fantastic first impression. Let’s explore the best email banner sizes and best practices to keep in mind.

Ideal email banner sizes

It is an outdated solution to automatically set all email banners to a width of 600px. With screen sized of both mobile and desktop devices varying so widely, it's important to ensure your email banner size is responsive for optimal viewing experience.

  • For desktop users, a banner 650-700 pixels wide and 90-200 pixels tall is ideal
  • For mobile users, the ideal banner is 350 pixels wide and up to 100 pixels tall

These updated dimensions follow responsive design best practices allowing email banners to render properly in a variety of email clients and devices.
Responsive design allows your email design to automatically adjust to the screen size of a customer’s device.

PRO tip: using an email design template that is already built to be responsive makes following this best practice a breeze.  

Impact of email banner size on campaign performance

A banner that’s poorly sized could become distorted when customers open it in their Gmail, Outlook, or whatever email platform they use.

This makes your email look less professional and it can also be harder to read so it doesn’t get your message across as well. A poorly sized email banner can also affect the user experience. If the banner is too wide, for example, it forces customers to scroll horizontally and it doesn’t allow them to see the entire banner in one view.

Not only do these issues affect the overall experience customers have with your email but they can also squander the excellent engagement opportunity that a well-designed email banner can be. According to Opensense's data, email banners can have 5-10% engagement rates,  a significant enhancement compared to the average click-through rate of 1.4% in emails.

Best practices for email banner design

Your banner size is an important part of designing an effective email banner, but it’s one of many. Check out these best practices to make your email banner even more powerful in garnering the engagement of your recipients.

  • File size: Any image in your email, but specifically your email banner, should be of high-quality. The ideal image should be download as a PNG at a resolution of 72dpi at 40kb or below.
  • Inverted pyramid: This "rule" in email design relates to adding the most important information at the top, working your way down to the least important information. When designing your email banner, make sure it clearly communicates the most important message in your email.
  • Brand consistency: As important as it is that your email banner makes a positive impression and communicates the main purpose of your email, it also should align with your brand. Make sure the design uses your brand colors, logo, or other aspects that make it consistent with your brand’s visual identity.
  • Text: Your banner needs to communicate your message, but less is more. Keep your copy sparse so it isn’t visually overwhelming and so the focus stays on your core intention. Ideally, 45-75 characters on a line is the sweet spot.
  • Email-friendly fonts: Make sure you use email-safe fonts that render reliably on major email platforms.
  • Accessibility: You want your banner’s message to reach as many customers as possible, and that includes customers with disabilities. Make sure to include accessibility features like using alt text so viewers with visual impairments can understand your message and using color combinations that viewers with color blindness can see.
  • Interactivity: Your email banner doesn’t have to be just a plain image or text. Consider making it interactive, such as with a GIF or a video that grabs your viewers’ attention.
  • Testing: You can follow all the rules for proper email banner size and design, but it’s still important to test it in action to make sure it shows up the way you want it to. Always send yourself a test email and see how that test email looks on different devices and platforms before you send it to your subscriber list.

For inspiration, check out these excellent email banners. This one from Beefree's template catalog clearly communicate the purpose of the email, remains consistent in branding throughout and plays with visual and text hierarchy to guide the reader's eye.

color of the year beefree email template
Use this template

This other email banner uses a navigation bar to keep the reader in the brand's ecosystem allowing readers to learn more about the marketing agency. This simple, yet effective email header communicates clearly the purpose of the email using imagery and text and has a clear CTA to lead the reader to complete the desired action without needing to scroll.

free beefree webinar email template
Use this template

Common mistakes in email banner design

When creating a strong email banner, it’s just as important to avoid doing the wrong things as it is to do the right things. Watch for these common pitfalls in email banner design:

  • Over-designing: Your email banner is prime real estate in your email, so of course you want to make the best use of that real estate. If you try to cram too much into that banner, though, you may lose your core message entirely because viewers don’t know where to look. 
  • Hard-to-read fonts: Your email banner is a wonderful place to get creative and build visual appeal, so of course you want to use fun design elements and fonts.
    But at the end of the day, the purpose is to send a message, so make sure the ornamental fonts you use are still clear enough that they’re easy to read.
  • Lack of responsive design: We’ve touched on this above but it’s also a common misstep that’s worth mentioning. Considering that 46% of emails are opened on mobile devices, every email and banner you create must be responsive to maintain its visual quality on any email platform.

Leveraging Tools for Email Marketing Banner

There’s a lot to consider as you’re designing an email banner, but we have great news: there are tools that can make it easier.

Take Beefree for example. Our extensive email template library has over 1,700 pre-built templates that already use banner design best practices like responsive design, minimal text for maximum impact, and proper sizing. Our HTML email editor makes it easy to customize these designs for your brand and messaging.

Start designing with ease and sign up for a free account today! 

Stay informed on all email trends

From the latest creative design strategies that inspire your next campaign to industry best practices and tech advancements, our newsletter is the go-to for all things creation.

By clicking Subscribe you're agreeing with our Privacy Policy