Show Off Your Success: Displaying HubSpot Customer Feedback Scores on Your Website

Show Off Your Success: Displaying HubSpot Customer Feedback Scores on Your Website

So, you're collecting awesome customer feedback in HubSpot using CES, CSAT, and NPS surveys. Great! Now, how do you leverage that positive feedback to build trust and boost conversions on your website? That's exactly the question a HubSpot Community member recently asked: how to dynamically display those scores, perhaps even in the website footer.

The Challenge: Dynamic, Real-Time Updates

The original poster wanted a way to showcase their Customer Effort Score (CES) in a prominent location, automatically updated. Something like "Our CES is 6.9 over the last 60 days," with that 6.9 being pulled in live. Sounds simple, right? Well, HubSpot doesn't offer a direct, out-of-the-box widget for this, but there are definitely ways to make it happen.

Solutions: Customization is Key

One respondent in the HubSpot Community offered two main approaches:

Option 1: Custom Module + HubDB or Custom Property

This involves a bit of manual effort but is a solid starting point. Here's the breakdown:

  1. Calculate the Rolling Average: Determine the average CES, CSAT, or NPS score you want to display (e.g., over the last 60 days).
  2. Store the Value: Push this calculated average into either a custom property within HubSpot or a HubDB table. HubDB is HubSpot's built-in database, perfect for storing dynamic content.
  3. Create a Custom Module: Build a custom module in HubSpot's design manager. This module will be responsible for displaying the score on your website.
  4. Connect the Module to the Data: In your custom module, reference the custom property or HubDB table where you stored the calculated average.
  5. Place the Module: Add the custom module to your website footer or any other desired location.

The downside? This method doesn't auto-calculate. You'll need a workflow or integration to regularly update the custom property or HubDB table. However, a simple scheduled workflow can easily handle this.

Option 2: API Pull

For true, real-time dynamic updates, the HubSpot API is your friend. This is a more technical approach, but it offers the most flexibility:

  1. Access the API: Use the HubSpot API to pull the raw survey data.
  2. Calculate the Score: Calculate the CES, CSAT, or NPS score externally (e.g., using a serverless function or a script on your server).
  3. Inject into Your Site: Inject the calculated score into your website using a serverless function or embedded JavaScript.

This method requires more coding knowledge, but it ensures the score is always up-to-date. The original poster seemed inclined to explore the API route.

Context Matters: Don't Just Drop a Number

One crucial point raised in the discussion: context is everything. Simply displaying "CES 6.9" might not resonate with visitors. Provide context! A tooltip like "Based on the last 60 days of responses" adds credibility. Think about how you can subtly integrate these trust signals into the overall user experience, rather than just having them float randomly.

The respondent referenced PurelyMushroom as an example of subtle and integrated trust signals.

ESHOPMAN Team Comment

We at ESHOPMAN think displaying customer feedback scores is a fantastic way to build trust, especially for e-commerce businesses. While HubSpot doesn't offer a one-click solution, the custom module approach is a great starting point for many users. For ESHOPMAN users, consider leveraging our built-in integration capabilities to push calculated scores to your storefront, making the process even smoother. Don't underestimate the power of transparency!

Ultimately, choosing the right method depends on your technical skills and desired level of automation. Whether you opt for a custom module or dive into the API, showcasing positive customer feedback can significantly impact your website's credibility and conversion rates.

Share: