Tag Archive for: conversion rate optimization

Planning a website update on a white board.

A Complete Guide to Improve Ecommerce CRO

Planning a website update on a white board.

Editor’s Note: This post has been updated with new links and examples for you to use! 

Despite the importance of eCommerce conversion rate optimization, in our experience, the tactic can get overlooked. Simply put, eCommerce CRO is a tactic that can make tremendous improvements to your bottom line, without acquiring additional traffic than what you’re bringing in today. An improvement in eCommerce CRO from 1.5% to 2% could lead to a 33% increase in sales – all without adding additional traffic.  

When you sell services, products, or platforms online one of the most important metrics is your eCommerce conversion rate. It tells you what percentage of your site visitors are converting to customers. 

As a growth agency, when we onboard a new partner, eCommerce conversion rate is one of the first tactics we want to tackle head-on when working with a new partner. 

Whether you’re a subscription-based business converting Free Trial Users to Paid Subscribers, a brand selling your product online, or a SaaS platform looking to grow – we undoubtedly will look at your eCommerce conversion rate

The reason: you don’t need to increase your ad spend to convert more. You just need to know how to optimize your conversion rate. 

At Tuff, a tactic called Conversion Rate Optimization (CRO) is at the heart of everything we do. From constantly testing paid ad campaigns across the internet to figuring out why more leads aren’t turning into customers, CRO is at the forefront of our learning and results.

What is eCommerce CRO? 

Ecommerce CRO is the process of making continual changes to your ecommerce website to improve the rate of users visited to the number of purchasers (ecommerce conversion rate). The easiest way to track ecommerce conversion rate is to divide the number of purchasers by the number of total site visitors. 

The simple formula of (purchasers) / (site visitors) = ecommerce conversion rate is the north star for all ecommerce CRO efforts. 

Whether it’s making stylistic changes to your product pages to cut down scroll rate, adding an exit intent pop-up to convince users to make a purchase, or improving the visibility of reviews on your site to influence potential customers into making a purchase, ecommerce CRO is an ongoing process with the intent of making continual improvements.

eCommerce Conversion Rate Optimization

For eCommerce businesses we typically look at the eCommerce Conversion Rate to tell us how traffic is interacting and converting through the eCommerce sales funnel.  

When our eCommerce clients at Tuff ask us how they can grow their online business without increasing their budget, we usually take a deep dive into what’s driving their eCommerce conversion rate

For starters, take a look at the table below showing how much you can increase revenue when the only metric that is increased is eCommerce Conversion Rate.

Full Month Target
Visitors 36,681 36,681
eCommerce CVR
0.19%
0.5%
Transactions 95 200
Average Order Value $1,143.96 $1,143.96
Revenue $108,676.05 $228,792

In the above example, our client can increase revenue by 110% by simply optimizing their conversion rate from 0.19% to 0.5% (a 163% increase). 

That’s a $120,115.95 revenue increase from pure optimization – no additional resources or ad spend needed!

How to Tackle Ecommerce Conversion Rate Optimization with 72 Hour Sprints 

A computer measuring ecommerce conversion rate.

To increase your conversion rate you will need to learn what factors contribute to your existing CVR.  

At Tuff, an analysis we might use to learn more about your current CVR is to find out what percentage of your website visitors are getting to your checkout conversion funnel, which traditionally has three stages:

  1. Added to Cart
  2. Initiated Checkout 
  3. Purchased

By analyzing your checkout funnel, we can use our analysis to make a series of hypotheses about what is preventing a higher conversion rate – we then use those hypotheses as frameworks for our tests. Maybe there are frictions in your checkout process that stops visitors from purchasing or maybe it can be increased with a different type of product or service page or completely different user journey. 

Let’s pretend this is your checkout funnel for a month’s worth of visitors.

Visitors % of Total Visitors
Added To Cart 544 2.25%
Initiated Checkout 492 2.03%
Purchased 409 1.69%

Based on this data, we know that a low percentage of total website traffic ends up adding a product to their cart, which will effectively produce a low number of conversions. 

In addition, the amount of visitors decreases by 10% between Added To Cart and Initiated Checkout stages in the funnel. Between Initiated Checkout and Purchase, the decrease is 20%. 

Therefore, hypothetically a solution for us to increase the conversion rate with the above metrics is to increase the initiated checkout percentage.  

Now that we have our hypothesis, we must find a way to test it. 

Developing a Test 

 

Our hypothesis is – if we increase the number of visitors adding to cart then we will increase the conversion rate. 

A simple way to find out if this is true is to run a test that gets more people adding to cart by providing users with a discount code in exchange for information that is valuable to you. 

For many eCommerce websites, a piece of information that is extremely valuable is an email address. 

To find out if our hypothesis is correct, a lean and easy to implement 72 hour CRO Sprint test would be to ask for an email address (or other desired action) in exchange for an offer code. 

This type of test’s results are easy to track because you can see how often the promo code is used through your eCommerce platform. Removing this test is also easy should you find that it’s not working or is causing more problems than it’s solving in your customer checkout funnel.

Implement The Test

A team of marketers sitting at a table with computers.

To implement, the test needs to contain a time-sensitive offer, which will increase the likelihood that the offer is used at a faster pace than one that is not time-sensitive. 

Here are two examples of time-sensitive offers:

  • 15% off your purchase when you order in the next 10 minutes. 
  • Limited Time Offer: Free 2 Day Shipping Today

Create the pop-up through your email service provider (ESP) so that it is triggered when a visitor has been on a specific product page for more than 50% of the average page session duration.

If your average product page session duration is 30 seconds then the offer should open at 15 seconds. 

Do not set it to trigger when someone lands on the homepage. You want the visitor to be more qualified than a unique visitor. 

The offer should contain an email signup field and clear copy that compels the potential customer to use the offer within a specific amount of time. 

Best Practices

Be advised that a best practice for this is to provide the promo code to the customer on the form after they provide their email address and click submit. You can provide it in a separate email as well, but you want to make it as easy as possible for the customer to get the code and continue on their customer journey. 

Once you have the test launched, then set it to run live for 72 hours, but don’t just forget about it. 

Monitoring

Data to measure your ecommerce conversion rate.

You’ll need to closely monitor it. You must make sure that the test is either perpetuating your average conversion rate or increasing it. If it decreases your conversion rate then you will want to abandon the test and return the variables back to their original flow. 

Once your split test is complete then you can take your learnings and create a new test to run. Remember, you only want to run one test at a time or else you risk changing too many variables at a time and not being able to point to what works. Realistically, you don’t want to run more than 2 tests per week. 

Ecommerce CRO Test Examples

Here is a list of 7 more ecommerce CRO tests you can do to increase the percentage of visitors converting to customers:

Landing or Product Page Offer

If you’re using Shopify, an easy way to test pricing as to how it affects ecommerce conversion rate is to add a “compare at” price field and show that the product is “on-sale”, even if it truly isn’t. Doing this periodically will help you guage your pricing and how your audience responds to deals. 

Navigation Header Menu Organization 

Test changes in your navigation by prioritizing your top selling products and categories. Or, alternatively, push seasonal products by prioritizing them in the navigation structure as well. 

Homepage copy change

Using Google Optimize, you can test updated homepage content to see which copy variations speaks best to your target audience. Test, analyze, rinse, repeat. 

Homepage creative change 

Like a homepage copy change, you can test updated creative assets (images, featured products, etc.) to see what imagery works best for your site visitors. Is it product photos? Is it use-case photos? Does your audience want to see reviews above the fold? Test it! 

Increase Site Speed 

Site speed is directly correlated to conversion rate. If you have beautiful product photos on your site, make sure they are sized properly. A good CRO strategy will make sure the technical elements to the site are in good-standing. 

Exit Intent Offer Popup 

One quick test to implement for your ecommerce CRO efforts is to put an exit intent popup on your site with an offer to persuade users who may be on the fence. Even a small discount such as 10% off has been shown to improve ecommerce CVR. 

Referral Widget  

Have an engaged customer base on your site? Encourage them to share the good word! Many programs such as a “Give 10%, get 10%” encourages existing customers to share referral links to friends and family so they get a reward as well.

Ecommerce CRO can lead to big wins

If you’re curious to learn more about our ecommerce CRO process, or want to chat about your CRO potential, let’s talk!

How UX and SEO Can Work Together to Increase Organic Traffic

You can have a website that is 100% optimized for search engine ranking, but what if that comes at the expense of your site’s user experience? Well, you could actually be holding yourself back from ranking for your target keywords.

Tuff’s SEO team works with our UX designers to publish SEO-friendly landing pages with great user experiences. This collaboration has boosted our SEO team’s results for Tuff’s clients. So what is the link between user-experience (UX) and search engine optimization (SEO)?

What is SEO?

Search engine optimization (SEO) involves making it easier for people to find your business online. You can achieve this by making changes to your website to make it easier for search engines to understand your content. You’ll also need to upload new pages and content to your site to answer people’s questions. And finally, drive traffic back to your site through links and mentions from other sites.

What is UX?

User-experience (UX is how people interact with and experience a product, website or software tool. For websites, it encompasses how users navigate the site, how quickly they find what they’re looking for, and how intuitive the design is on the page.

Is SEO a part of UX?

SEO focuses on aligning your content with the questions people are searching for on Google. After someone clicks on your webpage in the search results, it’s important to make it easy for them to find the answers to their questions. Having a good UX design for your landing pages and blog posts will make it easier for visitors to find what they’re looking for.

There is no reason why you can’t optimize your site from a UX and SEO perspective at the same time. In fact, working to align your SEO and UX efforts can actually boost your results in both areas.

Your SEO efforts will drive traffic to your site, while UX will make sure the information on your site is easy to find.

SEO content that is written only for search engines will be hard to read and not very useful. A website that isn’t designed for PEOPLE will be difficult to navigate and understand.

Why is UX Important for SEO?

UX and SEO Are Both About Making Your Users Happy 😃

The goal of SEO is to bring users to your site to give them the information they are searching for. The goal of UX is to make it easy to navigate the page on your site to find that information. One important aspect of SEO is looking at user-intent and aligning your content with that desire or motivation. Improving the UX design on a page can help meet that user intent faster.

Making your website search engine-friendly is key for driving organic traffic. However, if you want to maximize the impact and reach of your content, user-experience is just as important.

UX Makes Your Website Sticky

A good user-experience will keep people on your website for longer. This can encourage them to visit more pages on your website and can even make the call-to-actions on your site more enticing. 

Optimizing your site’s user experience can make it easier for your visitors to navigate to other pages on your site that interest them. This helps increase the time that visitors spend engaging with your content.

Good User Experience is a Ranking Signal for Google

Google says that “when ranking results, Google Search evaluates whether webpages are easy to use and promotes more usable pages over less usable ones, all other things being equal.”

Google’s RankBrain algorithm looks at “behavior metrics such as the site’s bounce rate, organic CTR, pages per session, and dwell time.” In addition to looking at the quality and structure of your website, it’s also important to look at your site’s user-experience to give your content the best chance of ranking in Google Search.

UX Impacts How People Perceive Your Brand

Your website’s user experience (UX) is partly driven by search engine optimization (SEO). The two work together in the sense that both affect how users perceive your site.

The most prominent component of your website’s UX is, of course, your content. If you want to write SEO-friendly content, you need to make sure that your writing is structured well and easy to understand. If people view your site as a trustworthy source of information they will be more likely to return to your site, or do business with you.

On the other hand, if you write content that reads like it was written for search engines, your users will find it difficult to read and not very useful. This could turn them away from your site and lead to them doing business somewhere else.

UX Helps Improve Your Conversion Rate

While SEO focuses on bringing users to your site, UX focuses on how to best keep those users on your site and how to increase the conversions you get from that traffic. By placing CTAs throughout your pages and by making your site easier to navigate, UX designers can play a key role in conversion rate optimization.

6 Steps to Improve Your Site’s UX and SEO

  • Make your site responsive: This improves user experiences for visitors on mobile devices like phones and tablets. Google predominantly uses mobile versions of content for indexing and ranking, even if your visitors are exclusively on desktop.
  • Break up your content: Use headers, bulleted lists, and graphics to break your content into smaller, easier to read pieces. Avoid large chunks of text, which can cause users to look for the answers to their questions elsewhere. This will keep visitors on your site longer, which can be a strong signal for Google that your content is valuable.
  • Improve your site speed and page load times: When your site loads quickly, visitors won’t have to wait around for your content to load. This allows them to jump right into your content rather than potentially clicking the back button.
  • Make your site easy to navigate: Once users land on your site, it should be easy for them to navigate through your content to find what they are looking for. If you have other pages that they might also be interested in, you should make it easy for them to find those pages as well.
  • Minimize your bounce rate: A high bounce rate indicates that users can’t quickly find the information they are looking for, or they are running into another issue that is causing them to leave your site immediately after arriving. Improving your pages’ UX can help decrease your bounce rate.
  • Improve your site’s hierarchy: By organizing your pages on your site in an intuitive way, you make it easier for users to navigate through your site. The navigation on your site guides users from one page to another, so making this as intuitive as possible will improve user experiences.

Do UX Designers Need to Know SEO?

Not necessarily, but it’s certainly a valuable skill for anyone to have when making changes to your website. If the UX designer isn’t knowledgeable of SEO principles, they can still work alongside an SEO specialist to make sure that their changes are having the intended impact on your site, and that your site is search engine-friendly.

What are Best Practices for UX and SEO?

A strong user experience and search engine optimization are two of the most important aspects of managing a website.

Users and search engines alike benefit from the following practices: 

  • Make your content easier to digest by breaking it down into smaller sections
  • Use bullet points and numbered lists
  • Use more images and illustrations to communicate your message
  • Write content that aligns with your users’ intent
  • Test your pages on different devices (desktop and mobile) and different browsers
  • Minimize your CSS and JavaScript
  • Make your site load quickly
  • Publish content that is user-centered and easy to read

Integrate Your UX and SEO Practices

Rather than publishing SEO landing pages on your site and then trying to go back through them and optimize them from a UX perspective, you should try to implement UX best practices at all stages of the development process.

If your UX and SEO teams can collaborate and exchange constant feedback, you’ll end up with a much better end product.

Conduct a UX/SEO Audit to Find Opportunities to Improve Your User Metrics

  • Look at time-on-site metrics like average session duration or bounce rate. Pages on your site with a low average session duration or high bounce rate, could likely benefit from a UX redesign or content update.
  • Monitor your site for broken links or slow loading pages. Slow loading pages and broken links are frustrating for the people visiting your site. Redirect or replace your broken links and speed up your page load times to improve your user experience.
  • Check for pages with low conversion rates. If certain pages on your site are getting a lot of traffic but aren’t driving conversions, you may need to adjust the CTAs on the page to make them more relevant.

Here’s how our SEO and UX teams go about developing new content for our clients:

  • We identify a need for a certain page on the website. This typically comes from keyword research, if we notice that a relevant term for their business has a high search volume or is especially valuable for our client.
  • Our SEO team creates an outline for the page and works with our writers to source the copy. The outline is where we determine the direction and the structure of the page. We then make sure that the copy is clearly written and aligns with our target keyword and search intent.
  • The SEO team formats the brief and hands it off to our UX team. When providing our UX designers with the copy for a landing page, our SEO team formats it in a way that makes it easy to understand the structure of the page, and the important sections that need to be included.
  • The UX designers create mock-ups of the new landing page. Our UX team creates wireframes and mockups in tools like Figma or Adobe XD, for the client to approve. This step makes sure that the new pages are optimized from a UX and CRO perspective.
  • We present the designs and walk the client through the mockups. After putting together the mockups, we share them with our clients to walk them through the new content and give them a chance to provide any feedback.
  • Then, we hand off the mockups to the developer to implement and push live. Once we’ve received approval, we give the mockups to the developer to implement on the site.
  • The last step is to make sure the page was implemented properly and optimized. We make sure the focus keyword, meta description and other SEO data are set correctly and that the page doesn’t have any bugs or broken links.

How We’ve Combined UX and SEO for Tuff’s Clients

For new landing pages on our clients’ websites, our SEO team works closely with our UX team to produce landing pages that are optimized from both an SEO and UX perspective.

Landing Page for Visory’s Bookkeeping Service

Tuff worked with Visory, an online bookkeeping service, to create landing pages around bookkeeping for specific industries. Our SEO and UX teams collaborated to create pages that were optimized both for ranking on Google and for providing great user experiences.

Homepage example for Visory

This landing page, for example, is targeting keywords related to “bookkeeping for eCommerce”. We looked at the top ranking pages for our target keyword and identified what we needed to include on our page to match the search intent for our target keyword.

Our UX team also considered how we could make this page intuitive to navigate and easy to read. We also looked at how we could make the calls to action (CTAs) more enticing for users to click on, to optimize the page’s conversion rate.

Footer Navigation for Salams

Tuff worked with Salams, a Muslim dating app, to increase organic traffic to their website and to drive organic app installs. We were able to increase organic traffic by 117% in 90 days by publishing new content on their site and making technical SEO optimizations.

Beyond just publishing this new content, we also redesigned the footer on the Salams website to improve both SEO and UX.

Salams footer example

As we started publishing new landing pages, we noticed that many of these new pages were “orphan pages” and weren’t linked to from other pages on the site. Our solution was to add these new pages to the footer so that they would be linked to from every page on the site. This helps show Google that this content is important and is worthy of ranking.

This also helped improve the UX on the Salam’s site. By having these pages linked in the footer, users can easily navigate to other pages that they might be interested in on the site. This helps keep people browsing on the site rather than clicking the back button and looking for more information elsewhere.

mapping user flows for landing pages and paid ads

How (and why) You Should Optimize Landing Page Copy For Each Target Audience

mapping user flows for landing pages and paid ads

When we think about developing 1:1 messaging for our targeting audiences, our brains immediately think: ad creative. Making sure that the image, caption and headline speak directly to the audience you’re targeting is critical to our success as a growth marketing agency, for sure. But it’s equally as important to think about the landing page experience, too. 

CRO is a big, broad (and kinda vague) marketing term we like to throw around a lot. We could write about CRO strategies, best practices, and what’s been successful for our partners for days. For the purpose of this blog, we’re focusing on developing landing pages for paid campaigns that use value props and messaging specific to different target audiences to improve the user experience.

Optimize existing landing pages with small copy tweaks

The targeting options are almost endless on paid social, and there’s so many different combinations of interests and behaviors that could indicate a user fits in your audience persona. Oftentimes, we’ll find ourselves running several prospecting audiences at once, all applicable to our target audience persona, but potentially different in the actual ad channel.

Take this example from one of our partners, Sharetown. Their target audience is anyone living in a suburban area, with an entrepreneurial spirit, that’s looking for a side hustle. They’re probably married, have a family, and between the ages of 25-40. There are SO MANY different ways of targeting that group of people on Facebook – and we’ll test several ad sets to see which targeting combo is most efficient. 

building facebook audiences in ads manager

 

The Dave Ramsey interest audience has always been a top performing audience for us – a personal finance guru of sorts who teaches his followers how to get out of debt and build their personal wealth. When the conversion rate to our original landing page started to dip, we built out a new version of our main paid social landing page that uses terminology the Dave Ramsey audience is familiar with.

landing page example for social ads

 

This simple copy tweak in the hero zone of our landing page increased our conversions 38% the first month we implemented it. 

From a strategic perspective, we didn’t start out with custom landing pages for each and every interest audience on Facebook. We instead focused on testing new landing pages for all of our audiences to find pockets of success. After we ran campaigns to our top performing paid landing page for a bit, scaled budget, THEN saw our CVRs dipping, we refreshed the landing page we drove our top performing prospecting audience to with copy that was most  relevant to them.

Build custom landing pages based on each audience persona’s pain points

If the targeting options are there, and you’re able to clearly segment your campaign structure with two to three audience personas, there’s nothing wrong with building out ad experiences that are custom to each of their pain points. 

The key to being successful with this approach: ensuring that your audience in the ad channel is specific enough to resonate with more individualized messaging, but not compromising your audience size with targeting that’s too narrow. 

Take our partners over at Multiverse for example. Our Tuff team helped build awareness around their software engineering apprenticeship program in the U.S. Multiverse has two different B2B audiences for this program, and we were able to target narrowly enough to prevent overlap between the two main personas, while making sure our audiences were a decent size.

After researching the audience targeting capabilities on LinkedIn, we decided to create custom ad journeys and landing page experiences for each persona. Why? Because they experience very different pain points, and our value props were stronger when we could use 1:1 messaging for each audience. 

mapping landing page to paid ads  ppc landing page

paid search landing page optimization  paid search landing page design

The copy is close, and maps back to a similar value prop, but articulates the problem in a way that’s customized to each audience. We’re only able to speak directly to each audience persona in this way because the targeting options work in our favor on LinkedIn. 

Paid search and how your landing page experience is critical to success

Quality score, costs on Google, and the landing page you’re driving traffic to all go hand-in-hand. One of the simplest ways to optimize your Google ads campaigns is to make sure that the keyword you’re targeting and your ad copy make it onto your landing page. 

Wizardry does exist where you could dynamically insert keywords into your landing page. You’re able to see strong results with this approach, for sure. Like any dynamic keyword insertion tactic, you do run the risk of things getting a little weird. 

Here at Tuff, our PPC team organizes similar keywords into the same ad group on Google. This structure allows our team to create landing pages that are specific to certain keyword phrases. 

MyWellbeing is an excellent example of this. MyWellbeing is an online therapy platform that matches therapy seekers with therapists that are right for them. One of the things that makes MyWellbeing unique is their matching process – where individuals can select things that are important to them in a therapist. MyWellbeing is particularly successful among the LGBTQIA+ community in New York, because it’s hard to find LGBTQIA+ therapists that can truly relate with what the therapy seeker is going through. 

We saw that keyword phrases like “lgbtq therapist in nyc” is a top performing keyword for us in terms of clicks and volume, but didn’t stand out in terms of conversion rate. To optimize the landing page experience and improve our overall quality score on Google ads, we incorporated those search terms into the hero zone of that landing page.

landing page for specific keyword

This landing page tweak led to a 25% conversion rate for our paid search campaigns.

Landing pages for paid campaigns can always be tested and improved upon. It’s so easy to focus on your ad creative and targeting, but the reality is that your landing page experience has a stronger impact on your paid performance than almost any other campaign element. 

There are so many ways to approach a landing page test. The next time you start brainstorming ways to improve your campaign, try a 1:1 messaging approach, and let us know how it goes! 

marketing team working on a split test

How to Create a Split Test (and Why) with Google Optimize

marketing team working on a split test

No matter what you’re promoting online, whether it’s products, services or platforms, conversion rate is one of the most important metrics you need to be watching. You can have the most engaging ad experiences in the world, but if your website experience is lacking, don’t expect to gain any new customers.

At Tuff, website conversion rate is always top of mind. It is an incredibly important part of the equation that determines if our efforts are profitable or not. It is a metric we’re always looking to improve through a tactic called Conversion Rate Optimization, or CRO.  There are a couple of different ways to do CRO, with our favorite being landing page split testing. 

There are a number of different tools out there that can help you get split tests set up and begin your CRO work, but our favorite is Google Optimize. It integrates well with Google Analytics, is easy to set up, and it’s free. 

Why should you be split testing?

Before we jump into how you get set up with Google Optimize, let’s take a step back and ask ourselves why we should be split testing. Why is conversion rate so important? Let’s look at this hypothetical example:

Say you own an eCommerce business that sells running shoes. You’re using paid channels (Facebook ads, Google ads, etc.) to drive traffic to your site. These are the average metrics you see on a monthly basis:

Visitors 100,000
Average Order Value $95
Conversion rate 1%
Purchases 1,000
Revenue $95,000

Congrats! You made $95,000 in revenue! On the flip side you’re making less than $1 per visitor on your site, which is not a great position to be in considering the average cost to get someone to click on an ad through paid channels. Now, for the sake of the example, let’s say that through CRO you’re able to increase your conversion rate to 1.8%. These are what your site numbers are going to look like.

Visitors 100,000
Average Order Value $95
Conversion rate 1.8%
Purchases 1,800
Revenue $171,000

You just increased your revenue by $76,000 without increasing your site traffic at all. That’s the magic of CRO. So much focus gets put on cost per click, but we also need to be paying attention to what those clicks are doing once they get to your site. 

While this article won’t detail out how to identify which tests to run, we do have some great CRO test examples you can start with in our article on Increasing Ecommerce Conversion Rate. 

What you need to set up split testing with Google Optimize

The first thing you’ll need to start split testing on with Google Optimize is an account. Once that is done, you’ll need to take the following steps:

  1. Link your Analytics account
  2. Download the Optimize Chrome extension
  3. Install the Optimize code snippet on your site
  4. Set up your test in Google optimize

Install the Optimize Code snippet on your site and download the Chrome extension

There are a few different ways to do this, but the easiest way is to use Google Tag Manager since there is a baked-in integration between Tag Manager and Optimize.

Click on settings inside your tag manager account and copy your Optimize container ID.

setting up a split test with google optimize

You’ll also see links here to link your Analytics account and download the Chrome extension. These will each only take a second, so knock them out before getting the code snippet installed on your site.

Copy your container ID, jump into your Tag Manager account and create a new Tag. From the options on the right, select Google Optimize as your tag type. Paste in your container ID and set the tag to trigger on all pages. 

setting up a split test with google optimize

OK! We have the infrastructure in place to set up our test within Google Optimize. Now it’s time to decide what will be the “B” part of our A/B test. This will be which aspect of our page we are going to change. That can be anything from changing a headline, swapping out a graphic or reordering content on your site.

Whatever you decide on, try not to make too many changes at once. The best way to split test is incrementally so we really get a good idea of which changes are impacting the difference in performance we expect to see. 

Setting up your split test 

Ore we start setting up our test in Google Optimize,  let’s review what we’ve done so far:

  • Built our Google Optimize account
  • Linked to our Optimize account to our analytics account
  • Downloaded the Optimize Chrome extension and installed our Optimize code snippet on our website
  • Identified our variable for testing

Once we have done all of these things, we are ready to configure our test within Google Optimize. Luckily for us, Google Optimize makes setting these tests up very straightforward.

From inside your Google optimize container, you’ll click “Let’s go” to create your first experience.

setting up a split test with google optimize

There are a few different types of tests you can run here, but for the sake of this example, we’re going to select an A/B test. Give your test a name that easily calls out what is being tested. For our test, we’ll be changing the headline on our form submit page.

setting up a split test with google optimize

From here, click add a variant to begin setting up your first test. Select a name that lets you easily identify which changes are going to be made. We’re going to name our experience “Lead Magnet Page – Headline Test”. Any guesses what is going to be changed on our test page?

Now that we have our experience built, it’s time to add a variant. When naming this, give it a name that tells you what the change actually is. We’re going to name our variant “Headline – Quick wins and long term growth” so we don’t have to dig around to see what the change we made actually was. 

You will now see your original page and the variant you just created listed on top of each other. Since we installed the Chrome extension, we can easily edit our new variant and make changes to the page without using any code.

setting up a split test with google optimize

Once you Click edit, your original page will open with an editing tool where you can drag, drop, and edit different elements on your site. You’ll make your changes and then click save in the upper right-hand corner. 

setting up a split test with google optimize

By default, your traffic will be split 50/50 between the original page and your new variant. You can shift more traffic to your new variant if you’d like quicker results, but we recommend keeping that split even. You can now select an objective which is a list of goals that gets automatically pulled in from Google Analytics. We’re going to select our form completed goal that we have already in Analytics. You’ll want to select whichever goal you’re looking for the user to complete on your site, whether that be a form fill, a purchase, or a different action. 

And that’s that! We’re ready to begin our test. The last thing left to do is click the start button in the upper right hand corner!

Analyzing results

Google Optimize makes it incredibly easy to measure the results from your test. Once it’s launched, you’ll start to see data come in on session, conversion and conversion rate for your original page and your variant. Once significant data comes in, Google Optimize will give a prediction on which variant it thinks will win this test. We recommend waiting until that number is 95% before making any changes permanent and ending the experiment. 

A/B testing is a crucial part of improving the performance of your acquisition channels. It can help make your organic traffic much more profitable and enhance the performance of your paid advertising without any additional ad spend. There are a number of different tools out there to help you get set up, but in our eyes Google Optimize is tough to beat. It lets you get tests set up quickly, integrates well with Analytics and Tag Manager and it has a very attractive price tag at $0.

Interested in learning more about how CRO can impact your bottom line? Get in touch!

Sketching website landing pages.

How To Write, Build, and Test Landing Pages

Sketching website landing pages.

Like a strategic blog post series or email marketing drip campaign, landing pages should be a part of any startup, eCommerce, or enterprise business’ online marketing toolkit.

From creation to testing, tweaking, and more testing, this conversion rate optimization process can help to increase conversion rates when done correctly.

Too many founders and marketers create landing web pages and forget about them. Even more frequently, marketers do one or two tests only to move onto another marketing initiative because they feel that they’ve learned all they can from their website visitors.

Think of your landing pages as a dynamic process. You should be able to learn from them on a recurring basis and leverage your winning results. Even after you’ve found scalable results, the landing page process will allow you to test those positive results and optimize further.

You can use your landing pages to qualify leads, test lead generation concepts with potential customers, and, of course, increase conversions. To do all of this and more, you’ll need a process.

Here’s the complete Tuff guide to help you write, build, and test landing pages.

Step 1: Landing Page Design Structure  

Landing page strategy sketch.

Before you start writing copy or considering your image assets, it’s incredibly important that you design a landing page structure that is the right fit for your industry and audience.

Depending on if you sell a product or a service, your landing page structure will be different. For eCommerce product companies your landing page might feature an offer discount for your product and for startup tech or Enterprise SaaS your landing page might be collecting email addresses through an email signup form field.

Figuring out the basic building blocks of your landing page is the first part in landing page design. When you have that plan, then you are ready to begin your design layout.

A great way to layout your design is through a process known as wireframing.

Wireframes are a blueprint to define the information architecture and layout of your landing page.

For each landing page, you create, you should have multiple versions, but you’ll want the structure of the landing page to be the same across all the landing page versions. Being disciplined with this part of the process will allow you to learn faster during the test phase.

Step 2: Write The Landing Page Copy

Writing copy for a landing page.

Now that you have the structure of your landing page design you can begin the process of writing your landing page copy. For each section of your wireframe, you will want to create a landing page with 5 different versions of the copy for you to use during the revision and testing stages.

For example, all landing pages have a headline, description, and call to action. For each copy component of the landing page, you will want to write 5 different versions – 5x headlines, 5x descriptions, and 5 calls to action.

Remember that your copy should be human, original, and succinct.

With a landing page, you’re focusing your user’s attention down to one goal – to take the call to action (email signup, demo booking, purchase with an offer).

The call to action should be clear and concise, the user should have no problem understanding what you want them to do and what they get in return using the copy you have provided.

Step 3: Build 5 Landing Pages and Add Images

By step 3, you should have your landing page section structured with 5 sets of copy assigned to each section. The next step is to build 5 landing pages with the sets of the copy.

We recommend using a tool to help facilitate your build. This process should be pretty straightforward since you have already done the planning.

If you have a habit of making changes in the middle of a process, don’t. If you can’t help yourself, then have someone else on your team put the landing pages together using the building blocks you already designed and defined.

Now is not the time for you to try to guess what will resonate with your audience – we’ll get to that in the next step.

Once you have your five versions of your landing pages built, then you’re going to pick two of them to use in your first round of tests. We recommend getting feedback from your internal team on what they think will be the most effective two versions to test against each other.

Remember the structure and goals of the two landing pages should be the same, the only variables that should be different are the copy and creative.

Step 4: Landing Page Testing

Woman biting pencil.

To effectively drive traffic quickly and learn efficiently which landing page converts best, you will create a test campaign with two ad sets that contain the same budget.

Each of the ad sets will contain identical ads to the other ad set, the only difference will be the destination that you send the audience to in each ad.

For example ad A will direct to landing page v.1 and ad B will go to landing page v.2.

Run each ad for the same duration.

After the ads have completed their tests, then measure which one is the winner. You can do this by measuring your lead generation results or overall conversions.

You now have a baseline to build new tests off of to optimize your landing page, but you’re far from done. The only real result that you have is that you know that the winning landing page performs better than the loser.

Next, you will need to put your land page winner up against an even better competitor to learn and optimize.

Step 5: Optimizing Landing Pages 

You will need to set up a new test where all the variables are the same except for one. Maybe you’ll choose to test a new headline or call to action in your second test.

To do a new headline, you would take your winning landing page and duplicate it, then change the headline to the new copy. You would then test the winning landing page from your first test against the new iteration.

For each new variable you test, you’ll need to do a new test. Once you have tested all the variables from your baseline winner then you should test against a new structure.

Finding a new structure will require you to repeat steps 1 – 4 to create a new landing page with a new structure and test it against your winning landing page from round 1.

To be successful at the landing page process you need to be disciplined at following the steps. Skipping them or combining too many tests at once within the process will result in a lack of understanding of what is driving positive results.

Tuff ecommerce case study.

How We Boosted Koala’s eCommerce Conversion Rate by 153%

Tuff case study image.

New Mexico based Hangtime Gear is an early stage startup designing innovative mobile accessories. 

Their core product is the KOALA Super Grip Phone Harness – a smartphone holder with a leash and clasp that secures to any fabric keeping your phone safe from drops, damage, and loss. 

The KOALA was originally a 2019 IndieGoGo Campaign that raised over $500K. It has been featured in Outside Magazine, The New York Times, Gear Patrol, The Boston Globe, and on CBS’ Innovation Nation with Mo Rocca. 

From crowdfunded campaign to eCommerce Growth Strategy

Hangtime Gear reached out to our team in March 2020 to help them build and execute an eCommerce growth strategy. After doing foundational research and reviewing the full user journey, we immediately got started on getting quality traffic to the site. This included: 

  • Google Ads
  • Google Shopping
  • Facebook and Instagram Ads
  • YouTube

As traffic increased, we turned our focus to conversion rate optimization. When it comes to increasing revenue, we knew it would take more than clicks. 

In this post, we’re going to break down how our website optimizations increased the eCommerce conversion rate by 153% by:

  1. Differentiating between a crowdfund backer vs eCommerce customer.
  2. Rewriting, redesigning, and rebuilding key sections of the site. 

Crowdfunding Campaign Design eCommerce Website Design 

A great crowdfunding campaign can pave the way for your eCommerce business by giving you access to the capital you need, market validation, PR, and product reviews. 

What it can’t do is provide a verbatim model of how to advertise to your customers and optimize your eCommerce website. 

Hangtime Gear’s existing website featured design elements that were pulled from their crowdfunding page, which didn’t translate into a high enough conversion rate for our paid advertising strategy to produce a high ROAS. 

This is a common situation for founders that launch with crowdfunded campaigns – what works for a backer audience doesn’t always translate.

A crowdfunding backer is supporting an idea – more times than not this idea isn’t fully realized or completed – which is okay. The point of the crowdfunding campaign is to give you a platform to test your assumptions. 

On the contrary, an eCommerce customer is buying a fully functional product to use for a specific need. 

Due to this distinction, the two audiences require different customer journeys and user experiences, especially when it comes to a website. 

Here are the four main changes we implemented to increase Hangtime’s eCommerce conversion rate from 1.36%  to 3.46%. 

Data from Google Analytics showing an increase in conversion rate.

We started with the homepage.  

The first step in the redesign process was the homepage section. Originally, the site featured all product information on one page like you would do for a crowdfunding campaign page or for an Amazon listing. 

You could learn about the product, read customer reviews, look through top-tier publisher testimonials, and add the product to your cart, all from the homepage. 

The strategy behind this is smart – lots of the world’s leading platforms utilize it from Amazon to IndieGoGo and Kickstarter. This design centers on the assumption that the conversion rate will be higher if people have to navigate to fewer pages. 

For Amazon and crowdfunding platforms it works for two reasons: 

  1. High levels of trust with those platforms. 
  2. Those platforms have spent thousands of hours and millions upon millions of dollars optimizing their single page layouts to perform at the highest conversion rates the world has ever seen. 

However, for early-stage startup brands with very little recognition and no resources to properly optimize a single home page and product page website, getting the conversion rate results to scale can be incredibly tricky. 

To help clean up the user experience, we started by breaking out the home page from the product page and utilizing a product benefit banner structure on the homepage featuring different creatives with product specific copy and different CTAs (Calls To Action) on each banner. 

We introduced a separate product page.

For the product page, we utilized the product page section from the original website but broke it out onto its own page for the above-the-fold content. Here’s what this looks like: 

Shopify website product page design.

Below the fold of the product page, we added a customer product review section using Stamped.io’s widget that highlights top reviews with user-generated content and chronologically ordered reviews. With Stamped.io, users can filter through the reviews using a query function as well as preset tags to see all reviews featuring a term like “iPhone.” 

After the review section, we added an additional product information section that dives deep into exactly how the product is used, how it was made, and why you should use it. We used an app designed for Shopify websites called PageFly Page Builder to build this custom section. The app also allowed us to utilize a feature called lazy loading which made the product page’s loading speed faster.

We built a dedicated review page. 

One of the great things about Hangtime Gear’s KOALA product, especially for an early-stage brand, is that it has over 400 reviews.  Given that they’ve only been around for a few months – this is amazing and speaks to their customer satisfaction. 

However with 400 reviews, we didn’t want to crowd the home page or product page showcasing all of the user-generated content. We decided to break out the reviews onto their own page using generated code that we injected into the Shopify page using Stamped.io.

Example of ecommerce reviews page using the stamped.io plugin for shopify.

The start of this page features a YouTube Video testimonial of the KOALA in action and is preceded by a scrolling page of the reviews. 

We restructured the header navigation to provide easy pathways to find the product, product proof, or helpful answers about the product.

The final change that we made to the KOALA Website was to reformat the header and footer navigation menus. We wanted to control the UX journey flow, so we took out specific menu items to push non-purchasers to either learn more about the product, read user reviews, or learn about the product on the FAQ page.

We removed: 

  • About 
  • Blog 


We kept: 

  • Shop
  • Reviews
  • FAQs

Website Optimization Results 

We launched the new version of Hangtime’s website on April 23 and instantly saw an increase in conversion rate that leveled out over the next 12 days.  

In addition to bumping up conversion rate, we saw added benefits: 

  • The average session duration increased by 299% 
  • Revenue increased by 36% 
  • Bounce rate decreased by 28% 
  • Page speed increased by 29% 

Not a one and done solution. 

At Tuff, ongoing optimization is part of our conversion rate optimization website design process. It can also be used for our clients who already have high conversion rates and would like us to test new variables in a safe testing environment. 

We typically implement 2x tests per week to optimize the conversion rate. We do either a copy or creative test followed by an offer based test. The process uses 72-hour testing increments to let us measure the success rate of the test. 

If the first test increases or perpetuates the baseline conversion rate, then we leave it and add a second variable into the mix. If the test decreases the conversion rate, then we pull the test variable and move the original variable back into place. Then we move onto the second test of the week. 

This testing process allows us to test new variables regularly without adding too many variables at once which makes it difficult for us to measure what contributed to an increase or decrease in conversion rate.

If you want to explore more about how to increase your eCommerce conversion rate with Tuff or want a first-hand look at the data showcased above, touch base to set up a free, 30-minute growth strategy session with our team. We’d love to learn more about who you are and what you do so that we can help you find your way to the next level.