TrustBox widgets - An implementation and design overview

1 comment

When your existing customers are talking about you, your potential customers are listening.

Start collecting reviews today!

TrustBoxes are Trustpilot's widgets. Embed these stand-alone applications in your website to show your most recent reviews, TrustScore, and star ratings.

You can add several different TrustBox widgets to your website. Show your favorite reviews in one TrustBox, your latest reviews in another, or create several targeted TrustBoxes that display reviews that are relevant to a specific segment of your customers.

Choose a TrustBox widget

First things first – choose a TrustBox for your website. There are a lot of layouts and functionalities to choose from, so pick the widget that best suits your business's needs.

  1. In Trustpilot Business, navigate to Integrations > Show off your reviews, and click the See TrustBoxes button.
  2. On the TrustBox Library page, choose your TrustBox widget and click the Learn more button.

Configure your TrustBox

Now that you've picked out a TrustBox, it's time to configure it.

  • Under Get your TrustBox, customize your TrustBox widget.

Location

Choose the location whose reviews the TrustBox displays. Select All locations, or just one specific location.

Note: Locations are currently available for customers in the UK and Australia.

Select your reviews

Select the reviews that you want to display in the TrustBox. You've got four options to choose from:

Review types Description
Your latest reviews Displays reviews in reverse chronological order, starting from your latest review
Your reviews by star rating Displays the star ratings that you select, for example, all 3-, 4-, and 5-star reviews
Your favorite reviews Manually select your favorite reviews to display in the TrustBox
Your reviews by tag Select tagged reviews to target a specific audience. You can select one tag per TrustBox.

Keep in mind that when you select reviews for TrustBoxes, you don't show consumers the full, accurate picture of all your customers' opinions. Although your TrustBox always displays your TrustScore and star rating, we still recommend displaying all your reviews— even the negative ones.

Configure your TrustBox

Configure your TrustBox to fit your website's design.

Settings Description
Preferred language The TrustBox's display language
Width The TrustBox's width
Height The TrustBox's height in pixels
Theme Choose a light or dark theme
Conversion Optimization Test Enable the TrustBox Optimizer for this box
Rich Snippets for SEO Enable structured data snippets to improve your Google ranking

Responsive design

All our TrustBoxes are responsive. They have internal breakpoints that ensure the content position adapts to given dimensions, and they can scroll.

TrustBoxes are embedded in an iframe on your website. The iframe doesn't fully support resizing, so TrustBoxes aren't completely fluid in all dimensions. When you resize your browser window, the TrustBox's width resizes, but the height remains fixed. For the best results, set the width to 100% and adjust the height of your DOM elements to fit the TrustBox's minimum height.

Note: We recommend checking the minimum and maximum dimensions of your TrustBox(es) before implementing them. You'll find this information on the Preview page of each TrustBox.

Implement your TrustBox

You've chosen and configured your TrustBox. It's time to put it on your website.

  1. Under Implement your TrustBox, click the Get Code button. Share instructions, so you can send it to yourself or your developer.
  2. Copy the TrustBox script into the <HEAD> section of your website. You only need to do this once, even if you're adding multiple TrustBoxes.
  3. Add the TrustBox HTML to the <BODY> where you'd like to display your TrustBox(es).

Note: If you can't put the script in the <HEAD> section, you can put it in the <BODY> section before the HTML. Keep in mind that this may impact your website's performance.

eCommerce integrations

We've got several eCommerce integrations you can use that make it even easier to add a TrustBox to your website.

You can always add a TrustBox to your website manually, but if there's a plugin available for your eCommerce platform you can use the integration's simple drag-and-drop functionality to add a TrustBox to your website.

eCommerce platform Integration available
PrestaShop Yes
Magento Yes
WooCommerce Yes
OpenCart Yes
Shopify Yes
BigCommerce No