Embed Trustpilot widget on the Framer site

Here's a step-by-step guide on how to embed a Trustpilot widget into your site in Framer. Add the Trustpilot script, modify the widget code, and insert it into the Embed component to easily display customer reviews.

Uploaded by

Framer

Translated by

Kim Yejung

Contents

Table of Contents

This document aims to assist Korean users of Framer who face challenges due to the lack of Korean resources. It translates official blog content into Korean and adds practical information. We hope this provides some help to Framer users.

Inserting a Trustpilot Widget

Framer natively includes a Trustpilot component. However, you can directly embed the Trustpilot widget into your site. Follow the steps below to proceed.

1. Add Trustpilot Script to Site Settings

First, add the initial script provided by Trustpilot to the Custom Code section at the beginning of the <head> tag in your site settings.

<!-- TrustBox script -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
<!-- End TrustBox script -->

2. Locate and Edit Trustpilot Widget Code

Copy the second script from your Trustpilot account and paste it into a text editor like TextEdit (Mac) or Notepad (Windows).

Next, identify and extract the following three elements:

data-template-id (e.g., 5407e68dz0d06a09e041d5km)
data-businessunit-id (e.g., 5c09c4742068df0001rrfd35)
Review page URL (e.g., https://www.trustpilot.com/review/yourdomain)

Replace the placeholders (your-data-template-id, your-business-unit-id, your-URL) in each code snippet with your extracted user data.

<!-- TrustBox widget - Horizontal -->
<div id="trustbox" class="trustpilot-widget" data-locale="en-US" data-template-id="your-data-template-id" data-businessunit-id="your-business-unit-id" data-style-height="28px" data-style-width="100%" data-theme="light">
  <a href="your-URL" target="_blank" rel="noopener">Trustpilot</a>
</div>
<script>var trustbox = document.getElementById('trustbox');
 window.Trustpilot.loadFromElement(trustbox);</script>
<!-- End TrustBox widget -->

3. Add an Embed Component to the Canvas

Now, open the Insert menu on the left in the Framer editor. Enter “embed” in the search box and drag the Embed component to the canvas to add it.

4. Insert Code into the Embed Component

Select the HTML tab in the right property panel, and paste all the Trustpilot code you completed earlier into the tab.

Verify Trustpilot Widget Preview

Framer only executes scripts inserted in the <head> and <body> in the browser, and not within the editor. Therefore, to ensure the inserted component functions correctly, publish the site and check it directly in the browser.

If the widget doesn't appear even after completing these steps, confirm that the Trustpilot script is correctly linked. If issues persist, you can seek help through Framer's Contact page.

This article is a translated and adapted version of Framer's official blog post ‘Embedding a Trustpilot widget in your site’.

Share Blog

Impact of Infinite Scrolling in Framer on SEO

The blog thumbnail discusses the impact of Framer's infinite scrolling on SEO, including solutions for CLS and crawling issues for SEO optimization.

Insights

Oct 24, 2025

Impact of Infinite Scrolling in Framer on SEO

A blog thumbnail covering page-specific optimization updates in Framer explains the optimization process for efficient SEO and web accessibility.

Insights

Oct 23, 2025

Framer's Page-specific Optimization Update

Insights

Oct 23, 2025

Embed Trustpilot widget on the Framer site

Inserting a Trustpilot Widget

1. Add Trustpilot Script to Site Settings