HubSpot

Unlock Trust: Displaying Customer Feedback Scores on Your HubSpot Website

Website footer with dynamic CSAT score
Website footer with dynamic CSAT score

Turn Customer Love into Conversions: Showcasing HubSpot Feedback Scores

You're diligently collecting customer feedback using HubSpot's powerful CES, CSAT, and NPS surveys. That's fantastic! But are you maximizing the impact of that positive feedback? One of the most effective ways to build trust and boost conversions is by publicly displaying these scores on your website. A HubSpot Community member recently sparked a great discussion about exactly this: how to dynamically showcase these scores, perhaps even in the website footer, to instill confidence in potential customers.

The Challenge: Keeping it Real-Time

The original poster wanted a way to showcase their Customer Effort Score (CES) in a prominent location, with the score automatically updated to reflect the most recent data. Imagine a statement like: "Our CES is 6.9 over the last 60 days," with that 6.9 constantly refreshing. While HubSpot doesn't offer a drag-and-drop widget for this specific purpose, there are definitely viable solutions that leverage HubSpot's flexibility and customization options.

Solutions: Customization is the Name of the Game

As one helpful respondent in the HubSpot Community pointed out, achieving this level of dynamic display requires a bit of customization. Here are two main approaches to consider:

Option 1: Custom Module + HubDB or Custom Property

This approach involves a bit more manual setup, but it's a solid and reliable way to get started. Here's a step-by-step breakdown:

  1. Calculate the Rolling Average: First, determine the specific average CES, CSAT, or NPS score you want to display. For example, you might want to show the average score over the last 30, 60, or 90 days.
  2. Store the Value: Next, you need a place to store this calculated average within HubSpot. You have two main options here: a custom property or a HubDB table. HubDB, HubSpot's built-in database, is particularly well-suited for storing dynamic content that you want to display on your website.
  3. Create a Custom Module: Now, head over to HubSpot's design manager and build a custom module. This module will be the visual element that displays the score on your website.
  4. Connect the Module to the Data: Within your custom module, you'll need to reference the custom property or HubDB table where you stored the calculated average. This connection allows the module to dynamically pull the latest score.
  5. Place the Module: Finally, add the custom module to your website footer, a dedicated testimonials page, or any other location where you want to showcase your customer feedback scores.

The primary limitation of this method is that it doesn't automatically recalculate the average score. You'll need to set up a workflow or integration to regularly update the custom property or HubDB table with the latest rolling average. This could be a daily or weekly task, depending on how frequently you want the score to update.

Option 2: API Pull for Real-Time Updates

If you're looking for true dynamic updates, where the score refreshes in near real-time, then leveraging the HubSpot API is the way to go. This approach requires more technical expertise, but it offers the most seamless and automated experience.

  1. Access HubSpot's API: Use the HubSpot API to pull the raw survey data (CES, CSAT, or NPS responses).
  2. Calculate the Score Externally: You'll need to write code (using a language like Python or JavaScript) to calculate the rolling average score based on the data retrieved from the API. This calculation will likely be done on an external server or using a serverless function.
  3. Inject the Score into Your Site: Once you've calculated the score, you'll need to inject it into your website. This can be done using a serverless function or by embedding a script on your page that fetches the score from your external server.

This method provides the most up-to-date score, but it requires more technical skill and infrastructure to implement. You'll need to be comfortable working with APIs, writing code, and managing server-side logic.

Context is King: Making Your Scores Meaningful

Regardless of which method you choose, it's crucial to provide context for your scores. Simply displaying "CES 6.9" in your footer might not mean much to visitors. Add a tooltip or a brief explanation, such as "Based on the last 60 days of customer responses," to provide clarity and build credibility. Think about how established brands subtly integrate trust signals into their overall experience, rather than just throwing metrics at the user.

For example, instead of just showing the score, you could say: "We're committed to providing exceptional customer service. Our Customer Satisfaction Score (CSAT) is consistently above 9 out of 10, based on feedback from thousands of customers." This provides context and highlights your commitment to customer satisfaction.

ESHOPMAN and HubSpot: Powering Your eCommerce Success

At ESHOPMAN, we understand the importance of leveraging customer feedback to drive eCommerce success. That's why we've built a seamless integration with HubSpot, allowing you to manage your entire online store directly within the HubSpot platform. From product catalog management to order fulfillment, ESHOPMAN empowers you to streamline your operations and focus on what matters most: delivering exceptional customer experiences. While we don't offer a direct widget for displaying feedback scores, our platform's flexibility allows you to easily implement either of the methods described above, ensuring that you can showcase your customer love and build trust with potential buyers. If your goal is efficient HubSpot product catalog management, ESHOPMAN is the solution.

Beyond Scores: Other Ways to Showcase Customer Love

While displaying CES, CSAT, and NPS scores is a great starting point, don't forget about other ways to showcase customer love on your website:

  • Testimonials: Feature genuine customer testimonials prominently on your website.
  • Case Studies: Showcase how your products or services have helped customers achieve their goals.
  • Reviews: Integrate reviews from third-party platforms like Google, Yelp, or Capterra.
  • Social Proof: Display social media mentions, shares, and likes to demonstrate the popularity of your brand.

By combining dynamic feedback scores with other forms of social proof, you can create a powerful and compelling message that resonates with potential customers and drives conversions.

Share: