Framer Trustpilot Reviews Carousel
Display your Trustpilot reviews in a polished, fully customisable carousel — no developer needed. Pull reviews directly from a Google Sheet, a JSON endpoint, or use built-in sample data while you're getting set up. Control every visual detail from the Framer property panel: logo style, colours, card radius, auto-play speed, and more. The header automatically calculates and displays your average star rating, and the carousel handles any number of reviews with smooth sliding transitions, navigation arrows, and dot indicators.How to UseStep 1 — Add the component In your Framer project, open the Assets panel, go to the Code tab, click New File, paste in the component code, and save. The component will appear in your assets ready to drag onto the canvas.Step 2 — Choose a data source In the right-hand property panel, set Data Source to one of three options. Sample data shows placeholder reviews instantly so you can style the component before connecting real data. Google Sheet pulls live reviews from a published spreadsheet. JSON URL connects to any custom API endpoint returning reviews in the expected format.Step 3 (optional google sheet) - Scrape you trustpilot review Use a tool like (https://www.lobstr.io/) to download you trustpilot reviews as a CSV to import into a google sheet.Step 4 — Connect your Google Sheet (recommended) Create a sheet with these exact column headers in row 1: author, rating, title, body, date, verified. Fill in your reviews row by row — only author, rating, and body are required. Then go to File → Share → Publish to web, select your sheet, choose CSV format, and click Publish. Copy the URL and paste it into the Sheet CSV URL field in Framer. The component will fetch the reviews and calculate the average score automatically.Step 5 — Style it Use the property panel to adjust logo style (colour, black, white, or green with white or black text), accent colour, card and section backgrounds, text colours, score and review count colours, card border radius, number of visible cards, and whether to show the header, arrows, and dot navigation.Step 6 — Configure the carousel behaviour Toggle Auto-Play on or off and set the interval in seconds. Visitors can also navigate manually using the arrows or dots. Hovering the carousel pauses auto-play automatically.
Get it → duncanbottrill.gumroad.com