Tuesday, August 24, 2021

How to Do A/B Testing: 15 Steps for the Perfect Split Test

When marketers like us create landing pages, write email copy, or design call-to-action buttons, it can be tempting to use our intuition to predict what will make people click and convert.

But basing marketing decisions off of a "feeling" can be pretty detrimental to results. Rather than relying on guesses or assumptions to make these decisions, you're much better off running an A/B test — sometimes called a split test.

Free Download: A/B Testing Guide and Kit

A/B testing can be valuable because different audiences behave, well, differently. Something that works for one company may not necessarily work for another. In fact, conversion rate optimization (CRO) experts hate the term "best practices" because it may not actually be the best practice for you.

But A/B tests can also be complex. If you're not careful, you could make incorrect assumptions about what people like and what makes them click — decisions that could easily misinform other parts of your strategy.

Keep reading to learn how to do A/B testing before, during, and after data collection so you can make the best decisions from your results.

To run an A/B test, you need to create two different versions of one piece of content, with changes to a single variable. Then, you'll show these two versions to two similarly sized audiences and analyze which one performed better over a specific period of time (long enough to make accurate conclusions about your results).

Explanation of what a/b testing is

Image Source

A/B testing helps marketers observe how one version of a piece of marketing content performs alongside another. Here are two types of A/B tests you might conduct in an effort to increase your website's conversion rate:

Example 1: User Experience Test

Perhaps you want to see if moving a certain call-to-action (CTA) button to the top of your homepage instead of keeping it in the sidebar will improve its click-through rate.

To A/B test this theory, you'd create another, alternative web page that uses the new CTA placement. The existing design with the sidebar CTA — or the "control" — is Version A. Version B with the CTA at the top is the "challenger." Then, you'd test these two versions by showing each of them to a predetermined percentage of site visitors. Ideally, the percentage of visitors seeing either version is the same.

Learn how to easily A/B test a component of your website with HubSpot's Marketing Hub.

Example 2: Design Test

Perhaps you want to find out if changing the color of your call-to-action (CTA) button can increase its click-through rate.

To A/B test this theory, you'd design an alternative CTA button with a different button color that leads to the same landing page as the control. If you usually use a red call-to-action button in your marketing content, and the green variation receives more clicks after your A/B test, this could merit changing the default color of your call-to-action buttons to green from now on.

To learn more about A/B testing, download our free introductory guide here.

A/B Testing in Marketing

A/B testing has a multitude of benefits to a marketing team, depending on what it is you decide to test. Above all, though, these tests are valuable to a business because they're low in cost but high in reward.

Let's say you employ a content creator with a salary of $50,000/year. This content creator publishes five articles per week for the company blog, totaling 260 articles per year. If the average post on the company's blog generates 10 leads, you could say it costs just over $192 to generate 10 leads for the business ($50,000 salary ÷ 260 articles = $192 per article). That's a solid chunk of change.

Now, if you ask this content creator to spend two days developing an A/B test on one article, instead of writing two articles in that time period, you might burn $192 because you're publishing one fewer article. But if that A/B test finds you can increase each article's conversion rate from 10 to 20 leads, you just spent $192 to potentially double the number of customers your business gets from your blog.

If the test fails, of course, you lost $192 — but now you can make your next A/B test even more educated. If that second test succeeds in doubling your blog's conversion rate, you ultimately spent $284 to potentially double your company's revenue. No matter how many times your A/B test fails, its eventual success will almost always outweigh the cost to conduct it.

There are many types of split tests you can run to make the experiment worth it in the end. Here are some common goals marketers have for their business when A/B testing:

  • Increased Website Traffic: Testing different blog post titles or webpage titles can change the number of people who click on that hyperlinked title to get to your website. This can increase website traffic as a result.
  • Higher Conversion Rate: Testing different locations, colors, or even anchor text on your CTAs can change the number of people who click these CTAs to get to a landing page. This can increase the number of people who fill out forms on your website, submit their contact info to you, and "convert" into a lead.
  • Lower Bounce Rate: If your website visitors leave (or "bounce") quickly after visiting your website, testing different blog post introductions, fonts, or featured images can reduce this bounce rate and retain more visitors.
  • Lower Cart Abandonment: Ecommerce businesses see an average of 70% of customers leave their website with items in their shopping cart. This is known as "shopping cart abandonment" and is, of course, detrimental to any online store. Testing different product photos, check-out page designs, and even where shipping costs are displayed can lower this abandonment rate.

Now, let's walk through the checklist for setting up, running, and measuring an A/B test.

How to Conduct A/B Testing

ab test graphic

Follow along with our free A/B testing kit with everything you need to run A/B testing including a test tracking template, a how-to guide for instruction and inspiration, and a statistical significance calculator to see if your tests were wins, losses, or inconclusive.

Before the A/B Test

Let's cover the steps to take before you start your A/B test.

1. Pick one variable to test.

As you optimize your web pages and emails, you might find there are a number of variables you want to test. But to evaluate how effective a change is, you'll want to isolate one "independent variable" and measure its performance. Otherwise, you can't be sure which variable was responsible for changes in performance.

You can test more than one variable for a single web page or email — just be sure you're testing them one at a time.

To determine your variable, look at the elements in your marketing resources and their possible alternatives for design, wording, and layout. Other things you might test include email subject lines, sender names, and different ways to personalize your emails.

Keep in mind that even simple changes, like changing the image in your email or the words on your call-to-action button, can drive big improvements. In fact, these sorts of changes are usually easier to measure than the bigger ones.

Note: There are some times when it makes more sense to test multiple variables rather than a single variable. This is a process called multivariate testing. If you're wondering whether you should run an A/B test versus a multivariate test, here's a helpful article from Optimizely that compares the two processes.

2. Identify your goal.

Although you'll measure several metrics during any one test, choose a primary metric to focus on before you run the test. In fact, do it before you even set up the second variation. This is your "dependent variable," which changes based on how you manipulate the independent variable.

Think about where you want this dependent variable to be at the end of the split test. You might even state an official hypothesis and examine your results based on this prediction.

If you wait until afterward to think about which metrics are important to you, what your goals are, and how the changes you're proposing might affect user behavior, then you might not set up the test in the most effective way.

3. Create a 'control' and a 'challenger.'

You now have your independent variable, your dependent variable, and your desired outcome. Use this information to set up the unaltered version of whatever you're testing as your control scenario. If you're testing a web page, this is the unaltered page as it exists already. If you're testing a landing page, this would be the landing page design and copy you would normally use.

From there, build a challenger — the altered website, landing page, or email that you’ll test against your control. For example, if you're wondering whether adding a testimonial to a landing page would make a difference in conversions, set up your control page with no testimonials. Then, create your challenger with a testimonial.

4. Split your sample groups equally and randomly.

For tests where you have more control over the audience — like with emails — you need to test with two or more audiences that are equal in order to have conclusive results.

How you do this will vary depending on the A/B testing tool you use. If you're a HubSpot Enterprise customer conducting an A/B test on an email, for example, HubSpot will automatically split traffic to your variations so that each variation gets a random sampling of visitors.

5. Determine your sample size (if applicable).

How you determine your sample size will also vary depending on your A/B testing tool, as well as the type of A/B test you're running.

If you're A/B testing an email, you'll probably want to send an A/B test to a subset of your list that is large enough to achieve statistically significant results. Eventually, you'll pick a winner and send the winning variation on to the rest of the list. (See "The Science of Split Testing" ebook at the end of this article for more on calculating your sample size.)

If you're a HubSpot Enterprise customer, you'll have some help determining the size of your sample group using a slider. It'll let you do a 50/50 A/B test of any sample size — although all other sample splits require a list of at least 1,000 recipients.

ab testing sample size settings in hubspot

If you're testing something that doesn't have a finite audience, like a web page, then how long you keep your test running will directly affect your sample size. You'll need to let your test run long enough to obtain a substantial number of views. Otherwise, it will be hard to tell whether there was a statistically significant difference between variations.

6. Decide how significant your results need to be.

Once you've picked your goal metric, think about how significant your results need to be to justify choosing one variation over another. Statistical significance is a super important part of the A/B testing process that's often misunderstood. If you need a refresher, I recommend reading this blog post on statistical significance from a marketing standpoint.

The higher the percentage of your confidence level, the more sure you can be about your results. In most cases, you'll want a confidence level of 95% minimum — preferably even 98% — especially if it was a time-intensive experiment to set up. However, sometimes it makes sense to use a lower confidence rate if you don't need the test to be as stringent.

Matt Rheault, a senior software engineer at HubSpot, likes to think of statistical significance like placing a bet. What odds are you comfortable placing a bet on? Saying "I'm 80% sure this is the right design and I'm willing to bet everything on it" is similar to running an A/B test to 80% significance and then declaring a winner.

Rheault also says you’ll likely want a higher confidence threshold when testing for something that only slightly improves conversion rate. Why? Because random variance is more likely to play a bigger role.

"An example where we could feel safer lowering our confidence threshold is an experiment that will likely improve conversion rate by 10% or more, such as a redesigned hero section," he explained.

"The takeaway here is that the more radical the change, the less scientific we need to be process-wise. The more specific the change (button color, microcopy, etc.), the more scientific we should be because the change is less likely to have a large and noticeable impact on conversion rate."

7. Make sure you're only running one test at a time on any campaign.

Testing more than one thing for a single campaign — even if it's not on the same exact asset — can complicate results. For example, if you A/B test an email campaign that directs to a landing page at the same time that you’re A/B testing that landing page, how can you know which change caused the increase in leads?

During the A/B Test

Let's cover the steps to take during your A/B test.

8. Use an A/B testing tool.

To do an A/B test on your website or in an email, you'll need to use an A/B testing tool. If you're a HubSpot Enterprise customer, the HubSpot software has features that let you A/B test emails (learn how here), calls-to-action (learn how here), and landing pages (learn how here).

For non-HubSpot Enterprise customers, other options include Google Analytics, which lets you A/B test up to 10 full versions of a single web page and compare their performance using a random sample of users.

9. Test both variations simultaneously.

Timing plays a significant role in your marketing campaign’s results, whether it's time of day, day of the week, or month of the year. If you were to run Version A during one month and Version B a month later, how would you know whether the performance change was caused by the different design or the different month?

When you run A/B tests, you'll need to run the two variations at the same time, otherwise you may be left second-guessing your results.

The only exception here is if you're testing timing itself, like finding the optimal times for sending out emails. This is a great thing to test because depending on what your business offers and who your subscribers are, the optimal time for subscriber engagement can vary significantly by industry and target market.

10. Give the A/B test enough time to produce useful data.

Again, you'll want to make sure that you let your test run long enough to obtain a substantial sample size. Otherwise, it'll be hard to tell whether there was a statistically significant difference between the two variations.

How long is long enough? Depending on your company and how you execute the A/B test, getting statistically significant results could happen in hours ... or days ... or weeks. A big part of how long it takes to get statistically significant results is how much traffic you get — so if your business doesn't get a lot of traffic to your website, it'll take much longer for you to run an A/B test.

Read this blog post to learn more about sample size and timing.

11. Ask for feedback from real users.

A/B testing has a lot to do with quantitative data ... but that won't necessarily help you understand why people take certain actions over others. While you're running your A/B test, why not collect qualitative feedback from real users?

One of the best ways to ask people for their opinions is through a survey or poll. You might add an exit survey on your site that asks visitors why they didn't click on a certain CTA, or one on your thank-you pages that asks visitors why they clicked a button or filled out a form.

You might find, for example, that a lot of people clicked on a call-to-action leading them to an ebook, but once they saw the price, they didn't convert. That kind of information will give you a lot of insight into why your users are behaving in certain ways.

After the A/B Test

Finally, let's cover the steps to take after your A/B test.

12. Focus on your goal metric.

Again, although you'll be measuring multiple metrics, keep your focus on that primary goal metric when you do your analysis.

For example, if you tested two variations of an email and chose leads as your primary metric, don’t get caught up on open rate or click-through rate. You might see a high click-through rate and poor conversion rates, in which case you might end up choosing the variation that had a lower click-through rate in the end.

13. Measure the significance of your results using our A/B testing calculator.

Now that you've determined which variation performs the best, it's time to determine whether your results are statistically significant. In other words, are they enough to justify a change?

To find out, you'll need to conduct a test of statistical significance. You could do that manually ... or you could just plug in the results from your experiment to our free A/B testing calculator.

For each variation you tested, you'll be prompted to input the total number of tries, like emails sent or impressions seen. Then, enter the number of goals it completed — generally you'll look at clicks, but this could also be other types of conversions.

hubspot ab testing calculator

The calculator will spit out the confidence level your data produces for the winning variation. Then, measure that number against the value you chose to determine statistical significance.

14. Take action based on your results.

If one variation is statistically better than the other, you have a winner. Complete your test by disabling the losing variation in your A/B testing tool.

If neither variation is statistically better, you've just learned that the variable you tested didn't impact results, and you'll have to mark the test as inconclusive. In this case, stick with the original variation, or run another test. You can use the failed data to help you figure out a new iteration on your new test.

While A/B tests help you impact results on a case-by-case basis, you can also apply the lessons you learn from each test and apply it to future efforts.

For example, if you've conducted A/B tests in your email marketing and have repeatedly found that using numbers in email subject lines generates better clickthrough rates, you might want to consider using that tactic in more of your emails.

15. Plan your next A/B test.

The A/B test you just finished may have helped you discover a new way to make your marketing content more effective — but don't stop there. There’s always room for more optimization.

You can even try conducting an A/B test on another feature of the same web page or email you just did a test on. For example, if you just tested a headline on a landing page, why not do a new test on body copy? Or a color scheme? Or images? Always keep an eye out for opportunities to increase conversion rates and leads.

A/B Testing Examples

We’ve discussed how A/B tests are used in marketing and how to conduct one — but how do they actually look in practice?

As you might guess, we run many A/B tests to increase engagement and drive conversions across our platform. Here are five examples of A/B tests to inspire your own experiments.

1. Site Search

Site search bars help users quickly find what they’re after on a particular website. HubSpot found from previous analysis that visitors who interacted with its site search bar were more likely to convert on a blog post. So, we ran an A/B test in an attempt to increase engagement with the search bar.

In this test, search bar functionality was the independent variable and views on the content offer thank you page was the dependent variable. We used one control condition and three challenger conditions in the experiment.

In the control condition (variant A), the search bar remained unchanged.

control condition in the hubspot search bar A B test

In variant B, the search bar was made larger and more visually prominent, and the placeholder text was set to “search by topic.”

variant b of the hubspot search bar AB test

Variant C appeared identical to variant B, but only searched the HubSpot Blog rather than the entire website.

In variant D, the search bar was made larger but the placeholder text was set to “search the blog.” This variant also searched only the HubSpot Blog

variant c of the hubspot search bar AB test

We found variant D to be the most effective: It increased conversions by 3.4% over the control and increased the percentage of users who used the search bar by 6.5%.

2. Mobile CTAs

HubSpot uses several CTAs for content offers in our blog posts, including ones in the body of posts as well as at the bottom of the page. We test these CTAs extensively for optimize their performance.

For our mobile users, we ran an A/B test to see which type of bottom-of-page CTA converted best. For our independent variable, we altered the design of the CTA bar. Specifically, we used one control and three challengers in our test. For our dependent variables, we used pageviews on the CTA thank you page and CTA clicks.

The control condition included our normal placement of CTAs at the bottom of posts. In variant B, the CTA had no close or minimize option.

variant B of the hubspot mobile CTA AB testIn variant C, mobile readers could close the CTA by tapping an X icon. Once it was closed out, it wouldn’t reappear.

variant C of the hubspot mobile CTA AB test

In variant D, we included an option to minimize the CTA with an up/down caret.

variant d of hubspot's mobile cta A B test

Our tests found all variants to be successful. Variant D was the most successful, with a 14.6% increase in conversions over the control. This was followed by variant C with an 11.4% increase and variant B with a 7.9% increase.

3. Author CTAs

In another CTA experiment, HubSpot tested whether adding the word “free” and other descriptive language to author CTAs at the top of blog posts would increase content leads. Past research suggested that using “free” in CTA text would drive more conversions and that text specifying the type of content offered would be helpful for SEO and accessibility.

In the test, the independent variable was CTA text and the main dependent variable was conversion rate on the content offer form.

In the control condition, author CTA text was unchanged (see the orange button in the image below).

variant A of the author CTA AB test

In variant B, the word “free” was added to the CTA text.

variant B of the author CTA AB test

In variant C, descriptive wording was added to the CTA text in addition to “free.”

variant C of the author CTA AB test

Interestingly, variant B saw a loss in form submissions, down by 14% compared to the control. This was unexpected, since including "free" in content offer text is widely considered a best practice.

Meanwhile, form submissions in variant C outperformed the control by 4%. It was concluded that adding descriptive text to the author CTA helped users understand the offer and thus made them more likely to download.

4. Blog Table of Contents

To help users better navigate the blog, HubSpot tested a new Table of Contents (TOC) module. The goal was to improve user experience by presenting readers with their desired content more quickly. We also tested whether adding a CTA to this TOC module would increase conversions.

The independent variable of this A/B test was the inclusion and type of TOC module in blog posts, and the dependent variables were conversion rate on content offer form submissions and clicks on the CTA inside the TOC module.

The control condition did not include the new TOC module — control posts either had no table of contents, or a simple bulleted list of anchor links within the body of the post near the top of the article (pictured below).

variant A of the hubspot blog chapter module AB test

In variant B, the new TOC module was added to blog posts. This module was sticky, meaning it remained onscreen as users scrolled down the page. Variant B also included a content offer CTA at the bottom of the module.

variant B of the hubspot blog chapter module AB test

Variant C included an identical module to variant B but with the CTA removed.

variant C of the hubspot blog chapter module AB test

Both variants B and C did not increase the conversion rate on blog posts. The control condition outperformed variant B by 7% and performed equally with variant C. Also, few users interacted with the new TOC module or the CTA inside the module.

5. Review Notifications

To determine the best way of gathering customer reviews, we ran a split test of email notifications versus in-app notifications. Here, the independent variable was the type of notification and the dependent variable was the percentage of those who left a review out of all those who opened the notification.

In the control, HubSpot sent a plain text email notification asking users to leave a review. In variant B, HubSpot sent an email with a certificate image including the user’s name.

variant B of the hubspot notification AB test

For variant C, HubSpot sent users an in app-notification.

variant C of the hubspot notification AB test

Ultimately, both emails performed similarly and outperformed the in-app notifications. About 25% of users who opened an email left a review versus the 10.3% who opened in-app notifications. Emails were also more often opened by users.

Start A/B Testing Today

A/B testing allows you to get to the truth of what content and marketing your audience wants to see. Learn how to best carry out some of the steps above using the free e-book below.

Editor's note: This post was originally published in May 2016 and has been updated for comprehensiveness.

The Ultimate A/B Testing Kit


How to Do A/B Testing: 15 Steps for the Perfect Split Test was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

6 Steps to Reduce Your Bounce Rate [+ Platform-Specific Tips]

Your website's bounce rate is a metric that indicates the percentage of people who land on one of your web pages and then leave without clicking anywhere else on your website – in other words, single-page visitors.

How sticky is your website? If visitors bounce, it suggests they either didn't find what they were looking for, or the page wasn't user-friendly. A high bounce rate also means visitors aren’t looking for more content on your site, clicking on your calls-to-action, or converting into contacts.

Free Resource: Website Optimization Checklist [Download Now]

For inbound marketers whose primary goal is to attract and convert website visitors into highly qualified leads for their sales teams, it’s scary stuff. So, let’s get into how to decrease your bounce rates.

Improving Your Bounce Rate Infographic

Fortunately, QuickSprout has created an awesome infographic that explains why bounce rate is so important, highlights benchmark industry averages for bounce rate, and identifies a variety of changes you can make to help reduce your website’s bounce rate. Check it out!

And if you want help converting visitors who are about to bounce from your site, try using HubSpot's free lead capture tool Lead Flows to create a call-to-action with a relevant offer triggered by exit intent.

Improving Your Bounce Rate Infographic

Bounce Rate Benchmarks

Having a benchmark is so valuable when trying to understand where you stand against competitors in your industry. 

Find below some 2021 key statistics on bounce rates.   

Bounce rate benchmarks

1. Set realistic expectations.

When it comes to your bounce rate, it’s important to set the right expectations. As mentioned in the infographic, look at your historical data as a baseline for how your website has performed in the past.

Then, compare it to the average for your industry and platform.

Let’s say your company is a B2B brand with an average bounce rate of 56%. As seen in the previous section, the average bounce rate across industries is 47%, so you might say yours is really high.

However, the data also shows that bounce rates are much higher for B2B industries, at 75%. So, at 56%, your company is actually doing quite well. While this doesn’t mean you should stop your efforts at reducing the bounce rate, it’s important to know how you stack up against benchmarks.

In this case, where you’re only in competition with yourself, it’s time to rely on historical data to guide your strategy.

2. Attract the right visitors.

Picture yourself in a grocery store. You’re looking for a particular item and you go down an aisle. You look around and you can’t find it. So, what do you do? Leave the aisle and ask for help, or just try the next one.

Think of your website as an aisle at the store. If your content doesn’t match the visitors you’re attracting, they’ll quickly leave.

So, how do you make sure you’re attracting the right visitors?

  • Create multiple landing pages with unique content and keywords for your different buyer personas.
  • Maintain top rankings for branded terms.
  • Write attractive, useful meta descriptions for search engine users.
  • Improve targeting of online advertising campaigns.

3. Prioritize the user experience.

In this day and age, no one has the patience to navigate through a difficult website. You only have a few seconds to make a good impression and present a website that users enjoy being on.

To do so, follow these steps:

  • Make your text readable through sensible organization and the use of larger fonts, bulleted lists, white space, good color contrast, and large headlines.
  • Use well-organized, responsive layouts that allow for quick and easy navigation on all platforms and browsers.
  • Don’t let ads distract from your content: Place static ads to sides, and avoid pop-ups and self-loading multimedia ads.

4. Speed up your page load time.

Page speed is one of the main reasons website visitors leave a website. In fact, Google reported in 2017 that when a page load time goes up to 10 seconds, the bounce rate on mobile goes up 123%.

Think about it: When was the last time you waited over a minute for a page to load? Most users’ first instinct is to exit and find another website to meet their needs.

Several factors can contribute to a slow website:

  • Image size
  • Self-loading multimedia content.
  • Site server

The ideal page load time is two seconds or less. Make sure you test your page speed regularly to ensure it falls within that timeframe.

5. Produce high-quality content.

Content can make or break your website visitor’s experience.

Your content should be:

  • Engaging – Does your content make your visitors want to keep reading?
  • Clear – Is your content easy to understand and digest?
  • Relevant – Does it answer the question your website visitors are asking? Or is it clickbait (a big no-no)?

If you’re not sure how to answer these questions, have an objective third-party review your content. You should also consider hiring a copywriter who is an expert at producing high-quality content.

6. Monitor, test, and optimize.

Every change you make to your website can have an impact on your bounce rate. From the placement of an ad to the content on the page.

With this in mind, you must monitor your website closely to assess traffic changes. If you notice a rise in your bounce rate and a drop in visitors, run A/B tests to determine what page elements could be affecting your traffic.

Once you identify the issue(s), optimize your page.

When it comes to bounce rate, there’s always room for improvement. Use optimization tools (more on that in the next section) to identify opportunities to lower your bounce.

Want to start optimizing? Use this checklist to maximize your website’s performance.

How to Decrease your Bounce Rate on Shopify

When you run an ecommerce business, monitoring your bounce rate is a priority, as an increase can drastically impact revenue.

To first thing you can do to decrease your bounce rate on your Shopify website is to make sure your search campaign is aligned with your landing page. This means ensuring the keywords you’re targeting align with what you’re offering on your landing page.

In addition, your landing page should be optimized for conversion by following best practices (e.g. clear CTA, no navigation bar).

The next step is to add credibility to your page. You can do so by displaying customer reviews and testimonials as social proof. You can also add trust badges on your website to indicate you’re a reputable company.

To further improve your page’s performance, add a live chat feature to assist website visitors as they shop. You may learn valuable insights from these interactions that help you optimize your page.

Lastly, invest in tools like Optimizely, Hotjar, Unbounce, and Crazy Egg to better understand your visitors’ behavior on your site and identify areas for improvement.

How to Decrease Bounce Rate of Your Blog

Reducing your blog’s bounce rate is all about following tried-and-true formulas:

  • Have a clear structure and page hierarchy – Using headers and subheaders help visitors (and search engines) understand what information is on the page and how it is organized.
  • Use high-quality media – Photos, gifs, illustrations, and videos are great for breaking up long sections of text as well as diversifying your information delivery method.
  • Make your content error-free – When users see a page riddled with mistakes, it can make them question the brand’s credibility and lead them to exit out of the page.
  • Include a clear call-to-action – Having a clear next step for your website visitor will help guide them in the direction you want them to go. Want them to read other articles? Hyperlink them in your post. Want them to download an offer? Include the CTA in the post.

How to Decrease Email Bounce Rates

Email bounce rates are defined differently than bounce rates on other channels.

An email bounce rate refers to the number of emails that are not delivered to a subscriber list. There are two types of bounce rates: hard and soft. The former refers to a permanent reason why the email cannot deliver while the latter refers to a temporary issue.

For instance, say you have 100 email subscribers. You send an email blast and 98% of them receive your email. Your email bounce rate, in this case, would be 2%.

The average bounce rate is 0.7%, according to Campaign Monitor. However, this number can vary slightly by provider.

A bounce rate ranging between 0 and 2% is normal. Anything beyond that and you’ll want to look deeper.

Here are some ways to reduce your email bounce rate:

  • Use double opt-ins – Sending a confirmation email to a recipient with a CTA to subscribe will ensure the submitted email is correct and working properly.
  • Clean out your subscriber list regularly – Removing inactive subscribers is another way to verify that your email addresses on file work are healthy and active.
  • Invest in a reputable email provider – Free sender platforms will not cut it when it comes to email marketing. This means leaving your Gmail, Hotmail, or Yahoo accounts for personal use and looking into HubSpot, MailChimp, SendinBlue, and more.

Designing a Website with a Low Bounce Rate

Having a website with a bounce rate requires constant monitoring and maintenance.

By making sure your content is aligned with your visitors’ needs, your content is easy to navigate, and your conversion elements are clear, you can keep a low bounce rate.

Ready to start optimizing your website? Use this checklist as your guide. It includes everything you’ll need to improve your website performance, including SEO and security.

Editor's Note: This post was originally published in July 2014 and has been updated for comprehensiveness.

New Call-to-action


6 Steps to Reduce Your Bounce Rate [+ Platform-Specific Tips] was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Press Release Distribution: Top 10 Services + 4 Mistakes to Avoid

To thrive as a small business, you need press coverage. But, unfortunately, coverage doesn't just come naturally – you need to work for it.

Enter: the press release.

Download Now: Free Press Release Template

Press releases are important for increasing your brand awareness and helping your public relations (PR). But if nobody sees your release, you won't get very far. You need to distribute it effectively to get your story picked up by local and/or national newspapers, magazines, or blogs.

In this guide to press release distribution, we'll cover the following to help you put together a plan of action that results in coverage:

  • What is press release distribution?
  • Why is press release distribution important?
  • How to distribute your press release
  • Distribution mistakes to avoid
  • Should you use distribution services?

Keep reading to learn how you can properly create, pitch, and distribute a press release for optimal brand awareness.

What is press release distribution?

Before we dive any deeper, let's iron out exactly what press release distribution is.

It's the process of circulating or seeding out your press release to journalists, publishers, and members of the press.

Your press release normally provides updates on your company's products and/or services, projects, partnerships, organization structure, and more. With distribution, you allow various publications to share your press release and thus, reach a wider audience.

Why should you submit a press release?

The purpose of distributing a press release is to land coverage in media publications, such as newspapers, radio, TV news bulletins, podcasts, and blogs. That way, you're positioning your brand in front of a wider audience.

If you only post your press release on your website, most consumers won't know about it – which defeats the entire purpose behind writing your press release.

Gaining press coverage helps to get your business or brand name into the public forum. That helps build brand awareness – especially when 71% of journalists consider press releases to be their favorite type of content to receive from brands.

Distributing a press release also has these benefits:

1. Press releases can boost your SEO.

Over three billion Google searches are made every day.

Implementing SEO tactics into your overall marketing strategy will help you rank high for your target audience's search queries. This means that you're that much closer to reaching potential customers as they search online for information related to your company, industry, product, or service.

Gaining backlinks to your site from high-authority websites is a huge ranking factor for SEO, as explained in a 2021 study by Backlinko:

Data showing connection between referring domains and google position

Image Source

Distributing press releases can help you land coverage on huge publications. Additionally, there's a chance those websites will link to yours, which can help to boost your search engine visibility.

But what happens if you land awesome coverage without a backlink?

Don't panic – In the past, Both Google and Bing have suggested that positive brand mentions can play a role in how they rank your site, meaning positive PR coverage can aid your SEO efforts even without a link.

2. A press release can drive local foot traffic to your store.

If your business is a brick-and-mortar shop, press release distributions can help to get people through the door.

Whether you're running an event or simply launching an eye-catching sale, measuring foot traffic into your store after distributing a press release is a simple way to gauge how successful your release has been.

3. A press release can generate more sales.

If you're launching a new product or an exclusive line, a targeted press release can have a significant impact on your bottom line. Why? Because it helps drum up interest if it's innovative and sets you apart from competitors.

Busy shopping days can be a great way to get your products in front of potential customers.

For instance, if you're offering discounts on Black Friday or Cyber Monday, why not reach out to retail journalists to highlight your offers?

Should you use press release distribution services?

Distributing a press release sounds time-consuming, doesn't it? If only there was a way to get yours seeded out quickly, at scale.

Fortunately, there is.

If you're on a tight schedule and don't have time to manually reach out to local or national publishers, a press release distribution service is the perfect solution.

These services allow you to send out your release to relevant journalists without doing any of the manual work yourself.

While it does cost to use these services, they can save you hours of work. By letting the experts distribute your news story, you can spend time focusing on other tasks.

So, if you fancy taking distribution off your plate, check out these 10 services.

1. Newswire

Newswire is one of the top distribution service providers available in the market. When using the top-rate company, your press release can reach major news outlets, such as NBC, MarketWatch, and NBC.

press release distribution service homepage by Newswire

Image Source

Newswire also offers multitarget layering for you to reach your desired audience at the local, state, and regional levels.

Furthermore, the service provider follows a strict editorial process to ensure your press release is error-free when it reaches consumers.

Pricing: Starts at $199 per release and goes up to five figures based on the number of press releases you want and the industries you're targeting.

2. eReleases

With a media database of over 1.7 million contacts, eRelease is a distribution service you should consider.

press release distribution service homepage by eReleases

Image Source

The brand has nurtured relationships with publishers, including influencers and reporters, for over 20 years and promises to include curated emails that will increase engagement.

In addition, eReleases optimizes your press release using white hat SEO practices to increase its chances of ranking on search engines. Furthermore, you can expert a detailed report after distribution with metrics on engagement, audience, and traffic.

Pricing: Starts at $299 and goes up to $599, excluding certain add-ons.

3. EIN Presswire

EIN Presswire is a leading distribution service with affordable pricing.

press release distribution service homepage by EIN Presswire

Image Source

With one of the quickest reviewal processes, EIN Presswire only takes about an hour to approve your release during the normal weekday hours. Once your release is distributed, you will gain access to a dashboard that will start populating after two hours.

In addition, EIN Presswire is a high authority website through which you can earn backlinks and reap the benefits on search engines.

Pricing: Starts at $49.95 per release and goes up to $999 for bundles.

4. PR Distribution

PR Distribution provides distribution services in both the U.S. and the U.K.

press release distribution service homepage by PR Distribution

Image Source

Their starter press release package offers a guarantee of 25 placements, ensuring your story will be seen by your target audience.

Every other package offers an unlimited word count, a multi-tiered editing process, and access to ABC, NBC, and other news outlets.

Pricing: Starts at $99 and reaches up to $1,300 for bundle packages.

5. PR Newswire

Whether you're looking for print or online distribution, PR Newswire is a great option.

press release distribution service homepage by PR Newswire

Image Source

PR Newswire helps connect you to leading publishers in a wide range of industries.

If you're looking for accurate data on your release's performance, this provider's got you covered. You can monitor and measure the impact of your story, and gain insights for future releases.

Furthermore, PR Newswire has a network of over 4,000 websites and 20,000 email subscribers. With a host of distribution channels, it's up to you to decide which one will work best for your brand.

Pricing: Not published on their website.

6. 24-7 Press Release

Using a cloud-based platform, 24-7 Press Release distributes your news to traditional and digital outlets.

press release distribution service homepage by 24-7 Press Release

Image Source

24-7 Press Release follows a strict reviewal process to ensure your press release is ready to be distributed and follows their guidelines.

With a two-day turnaround time, their starter pack allows you to include up to five industry categories, four images, or documents and be sent to over 50 premium news sites.

The more advanced packages come with next-day turnaround, which is helpful if you have a tight deadline.

In addition, you'll receive a report that tells you if and where your story was picked up.

Pricing: Starts at $19 per release and goes up to $389 depending on the distribution package you select.

7. PR Web

PR Web is a tool owned by Cision, a PR and earned media software company.

Their press release distribution service allows you to upload your press release (along with rich media like images and videos), then distribute the story to journalists and publications in your selected categories.

press release distribution service homepage by PR Web

Image Source

PR Web also provides you with a comprehensive analytics dashboard, so you can monitor the impact of your campaign and calculate important metrics, such as ROI.

Pricing: $99 to $389 depending on the distribution package you select.

8. Response Source Press Release Wire

Response Source is a UK-based distribution service connecting brands with top UK publishers and journalists. With over 20 years of experience, the company has built a thriving network of journalists and publications, so you can benefit from having your news distributed by email to useful contacts.

press release distribution service homepage by ResponseSource

Image Source

In a few simple steps, you can upload your release, set the date for publication, attach your media, select the categories, and choose your distribution channels.

You'll also get your own "newsroom," along with access to analytics, such as the number of views your press release received and email open rates.

Pricing: Starts at £85 per press release for ad hoc users and goes up to £1050 for bundles.

9. Presswire

Presswire has a live global database, allowing you to send your press release directly to the journalists who are most likely to pick up your story.

press release distribution service homepage by Presswire

Image Source

One standout feature from Presswire is the ability to translate your press release into any language and leverage geo-targeting to deliver it to the appropriate regions.

This distribution service also offers an advanced analytics platform, providing insight on:

  • Who opened your press release.
  • Whether your release was forwarded.
  • How many times it was read.
  • How long people spent reading it.

These insights can help you refine your approach for future press releases.

Pricing: Starts at £150 and goes up based on the distribution package and add-on services you select.

10. PR Fire

PR Fire syndicates your release to newswires and journalists in the US and UK in your chosen industry categories – all within four business hours after receiving your content.

The press release is also published on the platform's social media pages and site.

Additionally, two weeks after your press release is distributed, you receive a report detailing its performance.

PR Fire also offers a copy-editing service, in which a professional edits or rewrites your press release.

press release distribution service homepage by PR Fire

Image Source

PR Fire has landed its customers press coverage in a range of top-tier publications, including BuzzFeed, Metro, The Huffington Post, and The Times, so it's worth checking out.

Pricing: £50 to £150 per press release depending on the distribution package you select.

You know how important PR is, and you've crafted a succinct, yet powerful, story. All that's left to do is share it with the world.

But journalists have to write up to seven stories per day. So how do you ensure your press release is one of those stories? And just as importantly, how can you make your distribution email stand out in a crowded inbox?

Follow this five-step guide to learn how.

1. Find journalists who might be interested in your press release.

When have news to share, I'll bet you're tempted to tell as many people as possible. You want everyone to hear about it, right?

However, that's not always the best strategy.

After crafting a great press release, you can identify journalists who may be interesting in creating a larger story surrounding your news.

You can do that by searching for journalists and publishers who've already written about your topic or industry.

For instance, let's say you run a car parts business. You've conducted some research around potholes, gathered some interesting data, and turned it into a killer press release. But mailing every journalist under the sun is probably going to be a waste of time.

Instead, it's worth seeking out publishers who cover the automotive industry and journalists who've covered similar topics before.

To do this, fire up Google, type in your topic (potholes), and navigate to the News tab:

how to find journalists for press release on Google

As you can see, there are plenty of recent articles on this topic, meaning journalists are more than likely interested enough to cover it.

Next, read some of the articles on Google News and make a note of the journalists' names.

A simple spreadsheet with the journalist's name and the publication they write for is a good way to keep a log of your distribution plan:

Excel sheet to store journalists contact information for press release

If you have the budget, you can also use a media database, such as Cision or Muckrack to find relevant journalists and reporters.

This method is much more likely to get you responses because you're only pitching the release to journalists who've demonstrated an interest in your topic.

2. Get the journalists' contact details.

Next, it's time to find some contact information for the people on your press release distribution list.

This could be as simple as clicking on an author's bio on their publication's site.

identifying journalists interested in your press release

... and making a note of their email address:

finding contact info for journalists for your press release

But, just like anything else in the world of PR, it's not always that easy.

You'll often have to do a little digging to find the contact details – starting with a simple Google search such as "[Journalist's name] email]".

If that doesn't do the trick, you could also use a media database like Muckrack:

finding contact info for journalists on Muckrack dashboard

Don't have the budget for paid databases? Harness the power of social media.

LinkedIn is an excellent place to discover contact information for professional contacts (AKA, your journalists). Simply search for "journalist" and filter the results by selecting your target publication as "company," then plug their name into Hunter to find their email address:

finding journalists for press release on LinkedIn

Twitter can also be a quick and easy way to get in touch with your target journalists, too.

3. Craft a killer pitch.

Email is the most effective way to send your press release quickly.

However, there's another obstacle you'll need to overcome here: Journalists can receive up to hundreds of pitches a day.

So here's what you should do to stand out: First, keep it brief.

Don't waste the journalist's time with a long-winded, self-absorbed introduction to yourself or your business. They probably don't care.

Instead, get straight into the purpose of your email: The story, and why they should cover it in their publication.

Journalists are time-poor, so they'll appreciate a nice, succinct message that sells your story in a few words – like this:

press release pitch example

Image Source

As you can see in the example above, the entire story is sold in the first sentence, with a direct question asking if the journalist is interested – rather than just assuming so.

Follow this up with a couple more sentences to give the journalist some additional context, before adding a line spacer and pasting your full press release.

Note: Avoid adding your press releases as attachments. Journalists don't like opening attachments in fear of viruses or malware, so eliminate that problem by pasting the body of your press release below your pitch.

Second, you must personalize your pitch.

Show some interest in the journalist's previous work by indicating that you know they're a good fit based on the topics they cover.

Try to build a relationship with the journalists first, rather than hitting them with a release and expecting instant coverage.

Sometimes, it's worth playing the long game by getting to know your desired publisher ahead of your pitch. Engage with them on LinkedIn, respond to their tweets, and generally work yourself into their notifications – and their radar.

3. Make your subject line irresistible.

What's the first thing you look at before you open an email? The subject line, right? In many cases, it plays a big role in the email open rate.

So, how can you make sure yours gets opened? Try these tips:

  • Keep it short and sweet: Ideally, 10 or fewer words.
  • Ensure it's unique: A powerful subject line should be disruptive, innovative, or offer a human-interest angle.
  • Be specific: Your subject line should be descriptive enough to let the reader know what to expect when they open the email.
  • Provide exclusivity: If you've got some unique data or research, mention that. Exclusivity can help you grab a journalist's attention.

… And one thing to avoid? Clickbait. It's that simple.

4. Send your press release pitch (at the right time).

Press release? Check. Pitch email? Check. Contact details? Check.

… But that doesn't mean you're ready to distribute your press release.

You'll need to think about the day (and time) you hit the "send" button because certain days and times have better success rates than others.

For instance, some journalists may prefer to sift through pitches in the morning. While others may prefer mid-day or late afternoon.

It's often a trial-and-error process that you should keep note of.

Additionally, it's important to consider the day of the week. While modern-day businesses are often active seven days a week, there's still a traditional lull in pick-up rates when it comes to press release distribution.

So, consider the day you send your release -- it might land more coverage if you pitch it midweek, as opposed to sending it first thing on Monday morning.

5. Follow-up on your release.

An age-old question: Should you follow up on your pitch if it doesn't get traction?

It depends on who you're asking, but generally, the consensus seems evenly split. Some people believe following up to be a big no-no, while others indicate that it can be fruitful.

If you have a release you're particularly proud of, it won't hurt to follow up if you're struggling to land coverage – provided you're tactful.

Don't spam the journalist's inbox with the same press release and the same pitch. That can get annoying, and ruin your chances of getting your story picked up.

Instead, try tweaking the angle of your pitch to something that highlights why they should care about this story.

How to Submit Local Press Releases

Local press releases are great for small, brick-and-mortar businesses who want to reach consumers who are in their area.

That's why it's beneficial to send out your press release to local newspapers, publishers, and journalists.

Many of the guidelines outlined above still apply. What's different here is that you can take a more personal approach to your pitches as well as distribution channels. For instance, you can target local radio and TV stations that may be interested in mentioning your story.

Press Release Distribution Mistakes

All set to send your next press release? Hang on a second.

Here are some common mistakes people make, and how you can avoid them when you distribute your press release.

1. Your press release is too long.

Your story needs to be short and succinct.

The easiest way to get your press release read is to cut the fluff. Remove any sentences that won't add value to the reader.

Your press release needs four main sections:

  • Paragraph to introduce the news.
  • About two to three paragraphs to dive into the "what" and "why" of the news.
  • About and contact information.

Remember: Every sentence counts.

2. You're targeting the wrong people or publications.

If you work for a small business looking to get some coverage, you're going to get the most success from contacting local publications.

A local business story is rarely important enough to make national news.

You should also double-check that your target journalists are a good fit. Many tend to specialize in one or two interests – emailing a sports reporter about a press release related to health isn't likely to result in coverage.

3. Your story isn't newsworthy enough.

Before hitting send and distributing your release, take a moment and ask yourself: "Is this story actually newsworthy?"

If your release is too self-promotional, it may not interest your target audience.

Ensure it's got a relevant angle and includes information and/or data pertinent to the story.

Accompanying quotes are also great, as they bring the story to life, rather than over-selling your own company. For instance, say you're partnering with another brand, consider including a quote from the other brand's CEO, which explains their interest in wanting to partner with you.

4. You didn't include your contact info.

Imagine crafting that story, pitching it, and finding an interested reporter who wants to contact you for a larger story. But the journalist hits a dead end and is unable to contact you.

Unfortunately, if you don't include your contact information in the press release, you risk losing out on the chance for increased exposure.

You need to make it easy for journalists to contact you by leaving a phone number and email address in your press release distribution email.

​​Remember to Keep the Relationship Alive

When you need to create a press release, follow the distribution steps in this guide to boost your chances of landing coverage.

Keep tweaking and refining your approach until you see success. Your first piece of coverage could well be the domino that starts the run. A story picked up by one news outlet can soon snowball from publication to publication.

Plus, if your story does get picked up, don't forget to thank the journalist. It can facilitate a relationship that you can then nurture and facilitate easier coverage down the line.

Ultimately, you can never have too much good press!

Editor's note: This post was originally published in November 2019 and has been updated for comprehensiveness.

New Call-to-action


Press Release Distribution: Top 10 Services + 4 Mistakes to Avoid was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Monday, August 23, 2021

18 Compelling Above the Fold Content Examples to Inspire Your Own

The human attention span is short. This means that your website’s content has to inspire, delight, and engage your target audience in mere seconds.

Maybe your content is performing well on social media. It's resonating with audiences and earning engagement. But it's possible that when you look at website metrics, there's a different story being told.

If your session time is low and your bounce rate is high, then your above-the-fold content may be to blame. Not to worry: We’ll go over everything you need to know about above-the-fold content, including best practices and examples that will inspire you.

Your above-the-fold website content directly impacts your engagement metrics, because it can inspire users to explore the rest of the website and its offerings. If it’s not properly optimized, you’ll likely see a boost in bounce rate and a decrease in conversions.

A web page that is slow to load, congested with information, and hard to use will probably not draw the reader in the same way a page with the opposite design would. This can hurt your website’s lead generation potential.

Let’s say you’ve been losing traffic. It’s possible the content website visitors see when they first visit your page isn't interesting enough to keep them there. Your page might be compelling by the time visitors start scrolling, but if the content isn’t dazzling and user-friendly right off the bat, visitors can easily click away.

This means that your content above the fold could probably be re-done to engage visitors.

If your website has compelling above-the-fold content, you'll likely see higher conversion rates and lower bounce rates. If you're unsure, try to self-test by looking at your website from a new perspective — if you were a new viewer, would you stay on your site at first glance?

Let's talk about some ways you can ensure your above-the-fold content engages web users.

Above the Fold Website Design Best Practices

When you design your webpage, keep these practices in mind. They'll keep visitors’ attention and encourage them to explore the rest of your website.

1. Keep your design simple.

Above-the-fold content shouldn't be extremely busy — if it is, readers might not know where to look first and click away from the page. Alternatively, if they're not able to find the answer to their challenge quickly, they'll likely choose another website.

To keep your page looking professional, organized, and user-friendly, try adding one featured image or multimedia, such as a GIF or video, to the content above the fold. Then, add a short headline that introduces your webpage, and a sentence below it that describes your page in more detail.

2. Make the content engaging.

Simple web pages are one way to keep a user’s attention. But when they get there, take opportunities to delight them. For example, when you write your headlines and body text, they should echo your brand voice.

You don't have to make huge changes to delight the visitor. For example, if there's a CTA button on your page, you could try "Ready to get started?" instead of "Learn more.”

If the featured photo on your webpage is static, see if you can deliver the same message with a GIF instead. Additionally, if all of your copy is one color, try adding one or two more — a good rule of thumb is to incorporate your brand colors for professionalism and consistency with the rest of your website.

3. Design your content for usability.

Above all else, your content should be easy to interact with. For instance, if you're working on the above-the-fold content for a product page, make sure your above-the-fold content is functioning as it should.

Let's say your product page's above-the-fold content is a video. Does it load correctly, include captions, and offer sound options?

Additionally, think about the experience of the user. If your above-the-fold content features a video that autoplays, will it interrupt the user's interaction with the page? To combat this issue, make sure the video plays on silent and includes subtitles, if needed. Make sure to incorporate other web accessibility standards as well.

4. Solve challenges for the reader.

Your content above the fold should answer the challenge of the user. To illustrate, let's say you work for an email marketing service provider, and a user searches "email marketing software" and lands on your homepage.

Your content, then, should include a few, if not all, of the keywords "automated email marketing software" in some form. For example, your headline could read "Email Automation for Marketers," and expand on that in the supporting text.

Those are a few guidelines to keep in mind when designing your content. Next, we're going to look at above-the-fold website examples that will inspire you.

Above the Fold Content Examples to Inspire Your Own

1. Wistia

Above the fold website example from WistiaWistia lets its users create dynamic videos for marketing campaigns. The above-the-fold content introduces Wistia's services using a mix of multimedia: GIFs, videos, and short copy, to show off the capabilities of the service.

Wistia's homepage feels casual, welcoming, and professional at the same time. The homepage video stops visitors in their tracks. They'll likely spend more time watching the talk-show-inspired clip that explains Wistia's services. As a consumer, when I see real people on a webpage, it's inviting and compels me to explore further. After the video, users will have an idea of the software's offerings, straight from expert marketers.

2. Velocity Partners

Above the fold website example from Velocity PartnersVelocity Partners, a B2B marketing agency, doesn’t have a company overview video for their above-the-fold content. Instead, the homepage has a fascinating 3D animated video and a paragraph of content that explains why innovative marketers should leverage new content formats to tell more refreshing stories.

The phrase "Great marketing moves" describes what the business is all about, and is short, simple, and to the point, letting the summary do the heavy lifting when it comes to attracting visitors. Velocity Partners' above-the-fold messaging sparks curiosity, and in turn, the incentive to keep scrolling.

It's important to note, however, that if you want to use above-the-fold content similar to Velocity Partners’, make sure the first few seconds of your collateral, as well as your copy, are the most engaging. If they aren't, the visitor probably won't feel inclined to stay on the site past reading the headline.

3. VeryGoodCopy

Above the fold website example from VeryGoodCopyVeryGoodCopy is a creative agency that crafts articles, landing pages, web pages, and emails for brands. Above the fold, the website lets the copy describe what the company can provide for users.

The headline conveys the opportunity for marketers to learn how to persuade by leveraging ample white space and social proof. It also includes an enticing headline, a brief description of their content topics, and a vivid call-to-action. This simple and engaging above-the-fold design ensnares their visitors’ attention and convinces them to check out their micro-articles.

4. Shopify

Above the fold website example from ShopifyShopify's above-the-fold content leverages images to invite the reader to explore. Shopify allows entrepreneurs to begin their own ecommerce business. The above-the-fold content uses images of products sold on Shopify to show how the software is used.

The homepage includes artistic images to make a lasting impression on the user. And, even though copy is sparse, the tagline is packed with purpose and compels visitors to click that green CTA to start a trial.

5. Ann Handley

Ann Handley's above the fold website example

Ann Handley, a Wall Street Journal best-selling author and partner at MarketingProfs, uses the homepage on her website to impress users by highlighting her marketing prowess. Hyperlinking and linking are heroes here — linking to other pages on a website can earn more clicks on various pages on a site.

She also leverages white space, a welcoming picture of herself, a catchy tagline, compelling copy, and a vibrant call-to-action to persuade her visitors to consider working with her. From this homepage, the visitor knows what Handley looks like, what she has done, and how to contact her. As far as above-the-fold content goes, it's a home run.

6. Mint

Above the fold website example from MintAbove-the-fold content can maximize on simplicity, like it does for Mint, a budget tracking and planning software. The simple, yet professional, homepage effectively conveys the company and how they can help customers.

Notice the copy in the headline — it emotionally connects to the reader in two sentences, opening the door for them to explore the app of a company that knows them.

Mint also has a video of their app in action to catch their website visitors’ attention. This helps the visitor visualize how the app will look if they decide to sign up.

7. InVision

Above the fold website example from InVisionHow do you show customer stories dynamically above the fold? Let's take a look at InVision's sleek example.

InVision is a digital product design company that helps users easily build sleek impressive websites, so the design team at the company knew the homepage had to impress visitors. It does, auto playing a silent version of the company's overview video, complete with testimonials from decision-makers at companies such as Uber and Twitter.

The copy that's layered above the video does a great job of concisely explaining what the company does for users, and the "Get Started Free" CTA even entices me, a marketer who isn't looking to design a website, to learn more about the company’s offerings. It also doesn't hide the titles of those decision-makers from the video — "Dantley Davis, Netflix Design Director" is large enough that it can catch users' eyes when they aren't looking.

8. Animalz

Animalz above the fold website exmaple

Similar to VeryGoodCopy, Animalz is a content marketing agency whose website doesn’t bombard visitors with messaging about their services in the above-the-fold design. Instead, visitors are greeted with the headline, "The world's best content marketing happens here," which entices a marketer like me to read further.

The CTA copy is different from run-of-the-mill CTA buttons. "Let's talk," rather than, "Click here to learn more!", implies that when visitors click on the CTA, they will be taken to a real person who can offer them more information about the service.

The website also leverages white space, and uses simple, hand-drawn images to entice the reader to scroll down. The purple squiggle runs down the webpage to introduce Animalz's top customers, and leads to a form to get in touch with the company.

9. Ahrefs

Above the fold website example from AhrefsMaybe you work for a company that wants a no-nonsense homepage that conveys the benefits of the product without congesting the page with an overload of information. If that description fits you, take a look at Ahref's above-the-fold approach.

The headline describes what the service does: It helps users improve their SEO without necessarily being an SEO expert. The CTA seals the deal by communicating pricing information.

Satisfied customers are listed at the bottom, right before the fold, to give a rounded-out overview of how Ahrefs can be a benefit to successful companies. If you want your homepage to use more copy, rather than visuals, try presenting it in a simple way that doesn't use more than 30 words, like Ahrefs did.

10. Twitch

Above the fold website example from Twitch.tvAfter typing in Twitch.tv into your browser, you're immediately immersed into what the website offers: live streams for gamers. This is because as soon as your browser accesses the website, a featured live stream begins autoplaying.

While it can be a bit jarring to suddenly hear voices coming from your browser, Twitch's above-the-fold design doesn't use any copy to describe their services. Instead, users can jump right in and demo the content themselves, browsing streams without having to make an account or read anything. They can keep scrolling to see popular streams, click one, and explore the site's capabilities from there.

Because of how the site works altogether, this above-the-fold approach works. Twitch offers visitors to trial their services without doing any reading. Visual platforms similar to Twitch can benefit from this method, pulling in visual learners and non-visual learners alike.

11. Skillshare

Above the fold website example from SkillshareSkillshare uses video to explain the bulk of their services above the fold. Because the software offers online classes in a variety of subjects, the video displays an overview of what Skillshare can help you accomplish, learn, and feel.

The video highlights confident-looking adults diving into their passions, which is what Skillshare helps users with. The sign-up box inspires visitors to explore their creativity with the software — and get started for free.

12. Flock

Above the fold website example from FlockThe messaging app Flock doesn’t waste any time: It right away includes an email capture form above the fold. The key to including an email capture form is to design it so it doesn't interrupt the experience of a first-time visitor to your website.

The supporting images illustrate how Flock works, and the CTA text displays a little personality (“Get Flocking”). Using a form to spice up your homepage can be simple and effective when you include a clickable button and an image to display an overview of your company to visitors.

13. King Arthur Flour

King Arthur Flour's above the fold design

The above-the-fold content of this Boston-based baking ingredient supplier, King Arthur Flour, is top notch. It gives visitors the choice to watch a video tutorial on how to make sourdough bread, right away inviting them to engage.

I could get a feel for the company's offerings: a Facebook Page (which houses the business' baking show), recipes, a baking FAQ, products for purchase, and even a "Baker's Hotline", which works as a Contact Us page.

The slideshow features, equipped with a glossy photo and their own CTA, gave me a complete overview of everything the company can do for aspiring bakers. It goes outside of just the business's products, and instead, offers helpful information for bakers in general, which is welcoming to someone who may be intimidated about bread baking.

14. Clarkisha Kent

Clarkisha Kent's above the fold design

Are you a freelancer wondering how to make your above-the-fold content stand out among your competition? If so, when you design your homepage, make sure it accomplishes two things: displaying personality and offering easy navigation options.

This is because, while your work has to precede you, so does your personality, especially as a freelancer. If you're a writer, like Clarkisha Kent, your copy has to sell it, like her website does.

The inclusion of a headshot and interesting headline quickly displays more of who Kent is as a writer, and the angle she is likely to take as a contributor to websites. Her navigation bar includes links to viral tweets she's made and clippings from other publications, so her homepage doesn't have to.

Instead, her homepage serves as an introduction, which can precede her before the rest of her website. When users are drawn in by a minimalistic web page with cliffhanger text, they're likely going to be interested in exploring the website to fill in that gap. For instance, when I read, "Chaos bringer," I instantly wanted to know how, which prompted me to look at her past work.

15. Good Witch Kitchen

Above the fold website example from Good Witch KitchenThis is another example of how to convey the personality of your brand if you're a freelancer or small business owner. Good Witch Kitchen is the name of Kristen Ciccolini's holistic nutrition business. The website’s above-the-fold content contains an introduction of who she is and why she does what she does.

Ciccolini's logo and copy accurately provide a quick view of the services Good Witch Kitchen provides: A non-diet approach to nutrition management from an expert.

16. Aya Paper Co

Above the fold website example from Aya Paper CoThis stationery brand makes good use of the area above the fold by including a slideshow that prompts visitors to shop for birthday cards, explore new products, and build a gift box for someone. This works exceedingly well because it gives users a chance to find what they need from the slideshow alone.

The website then includes a series of customer testimonials to sway visitors into becoming customers. From the above-the-fold content alone, you get a sense of the brand’s aesthetic, ethos, and commitment to environmental sustainability.

17. BREAD Beauty Supply

Above the fold website example from Bread Beauty SupplyFor those who’d like to keep their brand imagery strong above the fold, BREAD Beauty Supply’s example will be sure to offer some inspiration. The brand includes a video of customers showing off their curly hair — which is what their products are used for — with a large version of its logo placed over the video.

The brand then seals the deal by including a “Shop All” button at the bottom. You can still make a “splash” with your above-the-fold website content; you’ll only need to include a CTA.

18. Ceremonia

Above the fold website example from CeremoniaCeremonia is another haircare brand that, like BREAD Beauty Supply, uses a video to catch visitors’ attention. It also includes a CTA button at the bottom that invites visitors to “Shop All.”

This above-the-fold website example is effective because it conveys the brand’s mission and aesthetic while still fully using the available real estate. The video inspires one to take care of one’s hair using the products. It shows people being carefree and enjoying the environment. The brand’s products are made from naturally derived ingredients, and the video hints at that without using text.

In the same way, you can hint at your products’ background using strong imagery in a video.

The Benefits of Above the Fold Optimization

Above-the-fold optimization is critical to ensure your website visitors don’t bounce off the page. That way, you can increase the chances of visitors becoming customers. By optimizing the content above the fold, you can:

  • Increase user engagement by right away inviting users to shop or reach out to you.
  • Greet users with on-brand messaging.
  • Establish the value of using your product or service.
  • Show the results your website visitors can see if they choose to purchase from you.

Now that you have some inspiration about how to keep your customers engaged on your landing pages, which strategy are you going to use for yours? I can't wait to see what you come up with.

Editor's note: This post was originally published in March 2019 and has been updated for comprehensiveness.

New Call-to-action


18 Compelling Above the Fold Content Examples to Inspire Your Own was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns