How to Add Reviews/Testimonials to Framer Website?

Framer is a modern website builder that helps you create stunning websites with no-code in minutes

If you've set up a website on Framer, it's best to add testimonials as it increases conversions by building trust with your website visitors

And you can easily collect and testimonials to Framer for free using Famewall in a matter of minutes

Here's how you can do it without having to manually hire a developer or write code

Method 1: Native Famewall Embed code into Framer

1. Head over to your Famewall Dashboard

Go to Famewall Dashboard and create your testimonial wall.

Fully customize the testimonials be it text, video and audio inside the wall as to how you'd like them to appear.

Then publish your testimonial wall by clicking "Publish Widget" on the top right.

Once the widget is published, you'll then be able to see the "Get Embed Code" option on top. So simply click that

Then select the widget display type from the different options available like grid, carousel etc. and copy the widget's embed code

2. Adding testimonials to Framer Website

Open the Framer dashboard and simply get started with one of the landing page templates or create your own

Click on the dropdown with the Framer icon on the top left

Then click on Code -> Create Code Component in the toolbar

Then name the code component and click on "Create"

Copy and paste the following code in the code editor that shows up and replace data-src="famewall" with data-src="<your-wall-url>" so that your widget shows up:

import { useEffect, useRef } from "react" export default function FamewallEmbed() { const ref = useRef(null) useEffect(() => { if (!ref.current) return ref.current.innerHTML = `<div class="famewall-embed" data-src="famewall" data-format="grid" style="width:100%;"></div>` const oldScript = document.querySelector( 'script[src="https://embed.famewall.io/newFrame.js"]' ) if (oldScript) oldScript.remove() const script = document.createElement("script") script.src = "https://embed.famewall.io/newFrame.js" script.defer = true document.body.appendChild(script) }, []) return <div ref={ref} style={{ width: "100%" }} /> }

Then drag and drop this code component into your framer editor

Here's how it appears once you paste it into the code editor

Once you've added the code, the preview window will appear on the right with all the testimonials

Finally, the testimonials are now live on Framer

Method 2: Using Famewall plugin for Framer

1. Head over to your Famewall Dashboard

Go to Famewall Dashboard and create your testimonial wall.

You can then choose to import testimonials from 20+ available sources or collect testimonials from your customers from scratch by using a personalized collection link

Then click on the "Testimonial Widget" tab on the left panel

Fully customize the appearance of the text, audio and video testimonials how you'd like them to appear. Then publish your testimonial wall by clicking "Publish Widget" on the top right.

2. Using the Famewall plugin for Framer

Go to this link where we have the Famewall plugin: https://www.framer.com/community/marketplace/plugins/famewall/

Click on "Open Plugin" button on the top right corner

Once you click that, it will ask you to select your project and hence select the one where you want to have your testimonials

And then inside your framer editor, click on "Connect Famewall" button

This will take you to Famewall and ask you to authorize your account.

Once that is done, in the popup that shows on right corner top, select the specific testimonial wall in which you created and published the widget on Famewall and click on "Add to page"

Then simply drag and drop the testimonial widget box onto the place where you want to have the testimonials

And then for the width settings, set it to "Fill" so that it occupies the full width of your framer page

Voila! Your testimonials widget now will appear in the preview and once you publish your page

If you're looking to collect testimonials from your customers, this simple guide will be very effective in helping you collect the best testimonials

Try Famewall for free to collect testimonials from customers & add them to your website in minutes without writing a single line of code!