BodyBuilding.com is the world’s largest online fitness store, offering the technology, tools and products their customers need to be their best selves. Whether you need the best supplements on the market or an app to track your workouts, BodyBuilding.com delivers.
The company’s website offers a great shopping experience for its customers. Yet, we’re in the business of helping retailers improve their UX to benefit their bottom lines. Could a couple of button tweaks on BodyBuilding.com’s product pages increase add-to-carts? We could test that.
The Opportunity: Quantity Selectors & the Add-to-Cart CTA Are Buried on the Product Detail Pages
Shoppers visiting BodyBuilding.com’s website have the opportunity to select the quantity of a product they wish to buy, which is super helpful when purchasing fitness gear and supplements.
Unfortunately, the quantity selectors are further down from where the customer makes product selections. Also, the main add-to-cart CTA is on the same line as the selector, burying it in the experience. This may result in drop-off that halts conversion.
The Control
Our Hypothesis: Highlighting the Quantity Selectors & the Add-to-Cart CTA Will Improve UX & Increase Purchases
When shopping online, a quality experience is critical for conversion. Many shoppers may abandon an experience if they can’t find what they’re looking for or if the experience isn’t easy to follow. One example is a CTA being too far away from the initial product selection.
Baymard Institute research emphasizes the importance of CTAs, especially when it comes to the user experience. A few main factors that help shoppers find CTAs are style, size, color, placement and descriptive copy. When one or all of these factors are done incorrectly, it can create friction and frustration around the experience.
At Cro Metrics, we recently ran a similar test on behalf of a retail client. We enlarged the CTA on their product pages and saw a 21% increase in add-to-carts and a $70K increase in annualized revenue.
The Potential Fix: Moving the Quantity Selectors & Enlarging the Add-to-Cart CTA
We would emphasize BodyBuilding.com’s add-to-cart CTA on each product page by moving the quantity selector and enlarging the CTA button.
We hypothesize that these simple changes would help guide shoppers to the primary action and increase add-to-carts and ultimately purchases.
The Variation
What Can Cro Metrics Test for You?
One website button might be standing between you and increased revenue for your business. Testing can help you identify where you can make subtle changes for a big impact. What can Cro Metrics test for you? To learn more about our experimentation programs, send us a message.