This is a guest post from Frank Olivo at Sagapixel.
Email marketers and UX designers have largely figured out where to embed email signup forms and where not to, but many websites still design and place their email list signups in ways that don’t convert. Read on to discover some examples of effective placement for email signup forms that you can test on your own sites.
There are many elements that you can manipulate to increase the percentage of visitors that sign up for your email list, including your call to action, the value you offer to your subscribers, and countless other factors.
Among these other factors is the placement of your contact form on your website. We’re going to take a look at a few websites that have found the most effective ways to embed their email list signup form so you can figure out what’s likely to work best for you.
A/B test your signup form placement.
There’s no magic strategy when it comes to maximizing your email list signups. What works for one website will completely fall flat on another. Different websites have different audiences that visit for varying reasons, and their reasons for signing up to your email list will vary significantly.
The only way to determine what works is to test it.
The most common way to test contact form placement consists of creating two versions of your page, each placing the signup form in a different location. Visitors will be directed to the different versions, then you compare the signup rate.
You’ll need to identify some email signup placements that work with your layout before you can test them.
Place your email signup in your website’s hero section.
If the primary purpose of your website is to capture emails, this is a pretty safe bet.
Brian Dean’s Backlinko employs this placement to great effect:
There are several things that make this email signup effective:
- The signup form is front and center. Since the main goal of the home page is to get people to subscribe, it makes sense that the dominant element of the home page is the call to action and email signup.
- The call to action tells you exactly what you’re going to get. It would be far less effective if it stated something like “sign up for my email list,” which is all too common with ineffective email capture landing pages.
- It only asks for one thing: your email address. Adding more fields requires more typing on behalf of the person visiting your site. Keep in mind that every field you add to your form will likely reduce the number of people that end up submitting it.
- The layout isn’t busy at all. The call to action is set against a solid green background, and the navigation only has three items in it (one of which leads to another email signup). Even if a visitor’s eye goes straight to the navigation and they miss the signup form in the hero section, he or she will still have a chance to be prompted to sign up for the newsletter in the nav.
The Little Redlight is another example of a website that uses the hero image email signup:
However, this type of email capture doesn’t work for every kind of website. In the case of Backlinko, the home page exists for the sole purpose of building an email list. Be sure your goals are clear if you decide to make this design choice.
Popups can be extremely effective…
Just be careful in how you deploy them.
While popups can be annoying, good ones can work. The internet is full of studies showing how effective they are, but here’s just one example. This image from Dan Zarella outlines the impact of disabling an email signup popup on a site he had:
Disabling the contact form on this website resulted in a drop in conversion rate of around 50%, which is impressive. While this data is from several years ago, it reflects what any email marketer knows—popups do convert.
While they may be annoying to the end user, they’re likely worth testing on your website, especially if you have a busy website that can’t pull off the method shown in the Backlinko example.
Campaign Monitor has written other articles on the topic of popups. If you’re interested in learning more about them, click here.
Be careful of interstitial penalties.
In its quest to drive website owners to offer the most optimal experience to internet users, Google rolled out a penalty for websites that use interstitials on mobile devices.
Google described the offending websites as:
- Showing a popup that covers the main content, either immediately after the user navigates to a page from the search results or while they’re looking through the page.
- Displaying a standalone interstitial that the user has to dismiss before accessing the main content.
- Using a layout where the above-the-fold portion of the page appears similar to a standalone interstitial, but the original content has been inlined underneath the fold.
The best way to stay in the clear is to not use a lightbox popup on mobile (your popup shouldn’t cover the entire screen). Your mobile popup should look more like this:
It doesn’t cover the entire screen, and the site is still accessible without dismissing the popup. A popup like this won’t trigger a penalty.
Put your form in your footer in order to place it sitewide.
The footer is probably the most common place that email signup forms are placed, but it’s not always the ideal location to place a call to action because the footer is an often-overlooked part of a website. Most website heatmaps look something like this:
Placing a contact form in the lower-right part of the page isn’t ideal, considering that it’s the least-viewed part of a website.
At the same time, the footer is displayed on every page of a website. This is particularly attractive if people are entering the site from somewhere other than a main page, which is common with e-commerce sites or blogs.
If you’re generating traffic to your blog, having an email signup at the top of the footer, just below the end of the blog, might make more sense than having a popup.
Imagine you landed on a cooking website; you’re looking for a specific recipe and a popup blocks you from reading what you came for. You’d probably quickly close it out, read through the recipe, and then see the email signup at the bottom of the article.
In this scenario, the footer email signup is likely to perform quite well in comparison to the popup.
Crate and Barrel maximizes its email signup form by placing the email signup in its own bar at the top of the footer:
The prominence of the signup form in the top bar also helps the signup form to be seen on all product pages. This is a particularly attractive option for a website that gets blog traffic. If someone’s engaged enough to make it to the footer, they may be interested in signing up.
Don’t place your form alongside content.
This is a very common option for embedding an email signup form, but it’s very easily missed.
There’s a good possibility that an engaged reader won’t even notice the form on the sidebar, resulting in a missed opportunity to reconnect with an engaged visitor.
If you do decide to place it in the sidebar, be sure to place it in the footer as well or employ an exit popup.
When you’re trying to get people to sign up for your email list, you need to drive their attention to your form. You can do this by:
- Minimizing the amount of content that’s competing for attention with your signup form
- Using popups when appropriate and in a way that won’t incur a penalty
- Placing the form in areas that visitors are likely to notice
Hopefully, these three signup placements will serve as a starting point for you to deploy A/B tests so you can identify the parts of your website that’ll get people signing up for your email list.
Let us know below in the comments what your experience has been with these different tactics.
Frank Olivo is the founder of Sagapixel, an SEO and web design firm with offices in New Jersey and Philadelphia. Sagapixel caters to small and medium-sized businesses throughout the country.