Loading...
Loading...
37+ powerful tools to help you collect reviews, respond faster, and grow your business.
Generate links, QR codes, and templates to collect more reviews.
AI-powered tools and templates to respond to reviews faster.
Optimize your Google Business Profile and local listings.
Measure review performance and compare with competitors.
Embed review widgets on your website and utility tools.
Step-by-step guide for embedding Trustpilot review widgets on Webflow websites using the platform's native Embed element. Includes instructions for connecting your Trustpilot business page, selecting widget styles, customizing colors, and implementing responsive designs that work across desktop and mobile devices without requiring code.
Published on BlooTrue blog. BlooTrue is a free review management platform for local businesses offering smart review collection, AI-powered review replies, embeddable review widgets, and customer management tools.
Webflow is the website builder of choice for designers and agencies who want pixel-perfect control without writing backend code. But even the most beautifully designed Webflow site needs social proof to convert visitors into customers. Adding a Trustpilot review widget to your Webflow site lets you display your TrustScore, star ratings, and verified customer reviews — all from an independent platform that visitors already trust. Here's how to do it in under 5 minutes.
Webflow sites are often used by agencies, SaaS companies, and design-forward businesses. These companies invest heavily in their brand and website design, but a polished look alone doesn't convince visitors to buy. Trustpilot reviews provide the independent social proof that design can't replicate. Your TrustScore — a 1-5 star rating based entirely on verified customer reviews — signals credibility and reliability in a way that self-written testimonials never can.
Trustpilot is particularly valuable for Webflow sites because Webflow doesn't have a native reviews feature. While you can manually create testimonial sections in Webflow's designer, those aren't linked to any independent platform. Visitors can't verify they're real. A Trustpilot widget solves this by pulling in live, verified reviews that visitors can click through to verify on Trustpilot.com.
The easiest and most reliable way to add a Trustpilot review widget to Webflow is using an embed code. Webflow has a native Embed element that accepts any HTML, CSS, or JavaScript — perfect for review widgets.
Step 1: Get your embed code
Sign up for a review widget provider (like BlooTrue — it's free). Connect your Trustpilot business page, choose a widget style (slider, grid, badge, etc.), customize the colors to match your Webflow site, and copy the generated embed code.
Step 2: Open your Webflow project
Open your Webflow project in the Designer. Navigate to the page where you want to display Trustpilot reviews — typically after the hero section, on a landing page, or above a contact form.
Step 3: Add an Embed element
Open the Elements panel (shortcut: A) and drag an "Embed" element (under Components) into your page layout. Position it within a container or section div where you want the reviews to appear.
Step 4: Paste the embed code
Double-click the Embed element to open the code editor. Paste your Trustpilot review widget embed code and click "Save & Close." The widget will appear as a placeholder in the Designer — it renders fully on the published site.
Step 5: Style the container and publish
Use Webflow's style panel to set the Embed element's width to 100% and add appropriate margins and padding. Publish your site and verify the widget loads correctly with your TrustScore and reviews on both desktop and mobile.
Designer preview limitations. Webflow's Designer shows Embed elements as gray placeholders — they don't render live JavaScript in the editor. This is normal. Use the "Preview" mode (eye icon) or publish to a staging subdomain to see the live Trustpilot widget with your reviews.
Container control. Webflow gives you precise CSS control over the Embed element's container. Use Flexbox or Grid to position the widget within your layout. Set the parent container's max-width to match your site's content width (typically 1200px) and center it horizontally.
Custom code areas. Webflow also supports custom code in the <head> and before </body> tags (in Project Settings → Custom Code). Some widget providers suggest placing scripts here for site-wide loading. However, for most review widgets, the Embed element approach is simpler and more targeted.
Page speed. Webflow generates clean, optimized HTML/CSS. A well-built widget won't noticeably impact performance. Choose widgets that load asynchronously so they don't block Webflow's own rendering pipeline.
Webflow's CMS is powerful and could be used to manually create a review collection. You'd create a CMS collection with fields for reviewer name, star rating, review text, and date, then design a Collection List component to display them. This gives you complete design control within Webflow's native tools.
The downside is significant: it's entirely manual. You have to copy each Trustpilot review into Webflow's CMS by hand, and there's no way to link back to the original Trustpilot review for verification. You also lose the TrustScore badge, Trustpilot branding, and the credibility signal that comes from reviews hosted on an independent platform. The embed approach is faster, automatic, and more trustworthy.
Webflow sites prioritize design quality, so widget style matters more here than on other platforms. The widget styles that integrate best with Webflow's design language are: minimal sliders (clean carousels that don't compete with your design), masonry grids (complement Webflow's grid-based layouts), and TrustScore badges placed in the navbar or near CTAs. The badge style works particularly well on Webflow because it provides a quick trust signal without disrupting the page's visual flow.
Webflow's CSS-level design control means you can fine-tune exactly how the Trustpilot widget integrates with your site.
Container Styling. Create a dedicated Section or Div block to contain your Embed element. Use Webflow's style panel to add background colors, padding, and borders. A subtle background color change for the reviews section helps it stand out as a distinct content area without disrupting the overall page flow.
Typography Pairing. Add a heading above the widget ("Trusted by Customers on Trustpilot" or "Our TrustScore") using Webflow's heading elements. Style it to match your site's typography system. This contextualizes the widget and makes it feel intentional rather than bolted on.
Flexbox and Grid Integration. Use Webflow's Flexbox or CSS Grid on the parent container to control how the widget sits alongside other content. For example, on desktop you might place the widget next to a CTA section using a 2-column grid, while on mobile it stacks vertically.
Class-Based Styling. Apply Webflow classes to the Embed element's parent for reusable styling. This is especially useful if you want the same widget styling on multiple pages — change the class once and it updates everywhere.
Webflow excels at responsive design with its cascading breakpoint system. Trustpilot widgets need to work within this framework.
Breakpoint Cascade. Webflow uses a desktop-first cascade: styles set at larger breakpoints flow down to smaller ones. Set the widget container's width and padding at the desktop breakpoint, then adjust at tablet (991px), mobile landscape (767px), and mobile portrait (478px) as needed.
Min-Height Settings. Set a min-height on the Embed element to prevent layout shifts when the widget loads. This is important for Webflow's Cumulative Layout Shift (CLS) scores. Use different min-heights at different breakpoints — widgets are taller on mobile because content stacks vertically.
Overflow Handling. Set overflow to hidden on the Embed element's container to prevent any widget content from breaking out of its designated area. This is especially important on mobile where screen real estate is limited.
Webflow Interactions let you add animations and microinteractions that enhance the reviews section.
Scroll-Based Reveal. Use Webflow's "While scrolling in view" interaction to fade in the reviews section as visitors scroll down. Set the Embed container's initial opacity to 0 and trigger a fade-in when it enters the viewport. This creates an elegant reveal effect.
Parallax Background. Add a subtle parallax effect to the reviews section's background image or gradient. This depth effect makes the section feel more dynamic without affecting the widget's functionality.
Avoid Conflicting Animations. The Trustpilot widget likely includes its own animations (carousel transitions, fade effects). Don't add Webflow interactions that conflict with the widget's internal animations — this can cause visual glitches. Keep Webflow-level animations on the container, not on the Embed element itself.
Webflow generates clean, semantic HTML that search engines handle well. Trustpilot widgets complement this with structured data.
Schema Markup. Quality widget providers include Schema.org structured data that maps your TrustScore to AggregateRating schema. This can trigger star rating rich snippets in search results. Verify with Google's Rich Results Test after publishing your Webflow site.
Webflow SEO Settings. Use Webflow's built-in SEO settings (meta titles, descriptions, Open Graph) to complement the widget. Mention your Trustpilot rating in meta descriptions where relevant — "Rated 4.8/5 on Trustpilot" can increase click-through rates from search results.
Content Freshness. Auto-updating Trustpilot widgets provide fresh content signals. As new reviews appear on your Trustpilot page, the widget updates automatically. This continuous content refresh is a positive SEO signal.
Page Speed. Webflow's hosting is fast by default (global CDN, optimized assets). Ensure your widget doesn't negate this by loading asynchronously. Test with PageSpeed Insights to confirm Core Web Vitals remain strong.
Webflow offers multiple approaches to displaying Trustpilot reviews beyond the Embed element.
Webflow CMS Collections. Create a "Reviews" CMS collection and manually add Trustpilot reviews. This gives full design control within Webflow's native tools but requires manual updates and loses the independent verification aspect.
Third-Party Integrations. Services like Zapier or Make can automate pulling Trustpilot reviews into Webflow's CMS. This adds complexity and cost but provides automatic updates with native Webflow design control.
Embed Element (Recommended). The Embed element approach is the simplest and most reliable for most Webflow sites. It requires no CMS setup, no third-party automation, and no manual maintenance. The widget auto-updates with new Trustpilot reviews automatically.
Webflow's hosting infrastructure is already optimized, but widget-specific choices still matter.
Lazy Loading. Use Webflow Interactions to trigger widget loading only when the section enters the viewport. This defers non-critical JavaScript and keeps above-the-fold content fast.
Container Dimensions. Set explicit width and min-height on the Embed container to prevent Cumulative Layout Shift. This is especially important if the widget is above the fold.
Lightweight Widget Choice. BlooTrue's widgets load in under 100ms with minimal JavaScript payload. Test different providers using the browser's network tab to compare total script sizes and loading times.
Webflow's Global CDN. Webflow hosts all sites on a global CDN (Fastly/AWS). Widget providers with their own CDN complement this, ensuring both your site and the widget load quickly from servers near the visitor.
BlooTrue widgets are lightweight, auto-updating, and designed to look great on Webflow sites. Get your embed code free.
Try the Free Widget Builder →Try Our Free Tools
Trustpilot Reviews Widget — Embed beautiful Trustpilot review widgets on any website. 6 styles available.
How to embed Trustpilot reviews on your WordPress site.
Step-by-step guide to embedding Trustpilot reviews on any website.
The best review widgets for your website in 2026.