How to Add Testimonials to Framer Website?

Goutham Jay
Goutham Jay

Founder - Famewall

·
Sep 28, 2023
How-to-Add-Testimonials-To-Framer
How-to-Add-Testimonials-To-Framer

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

1. Head over to your Famewall Dashboard

Go to Famewall Dashboard and create your testimonial wall.

Testimonial-Wall-Creation

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

Add-Testimonial-from-source

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

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

Publish-Widget-Famewall-Button

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

Get-Embed-Code-Button-Background

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

Copy the widget code

2. Adding testimonials to Framer Website

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

Framer-Landing-Page-Template

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

Framer-Dropdown-Toolbar


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

Code-Component-Framer


Then name the code component and click on "Create"

Code



Copy and paste the following code in the code editor that shows up:

import * as React from "react"

import IframeResizer from "iframe-resizer-react"

export default function CustomerLove({}) {
    return (
        <IframeResizer
            log={false}
            src="https://embed.famewall.io/wall/famewall"
            style={{ width: "400px", minWidth: "100%", border: "none" }}
        />
    )
}


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

Image


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

Framer-Testimonials-Preview


Finally, the testimonials are now live on Framer

Framer-Testimonials-Live


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!

Collect testimonials for FREE using Famewall