How to embed Google reviews on Webflow

Do not index

Hide CTA

What is Webflow?

Webflow is one of the best website builders on the market; it makes it very easy to build and ship a website. Most sites using Webflow turn out to look gorgeous, load fast, and are mobile-friendly. Now that your Webflow website is live, you may be wondering how to improve your conversion rate, and that’s by adding Testimonials! In this article, we will show you how to add Google reviews to your Webflow website. Here’s a Live demo: https://testimonialto.webflow.io/google-reviews

What is Testimonial.to?

Testimonial effortlessly lets you collect customer reviews from your Google My Business page and display them on your Webflow website with customized, interactive and beautiful review widget features. We make it easy to capture, manage, and broadcast testimonials to improve the reputation of your brand or service and help you convert better. What’s more? With testimonial.to, integrating your reviews on Webflow only requires adding a single line of code onto your site. You don't need any specialist tools or developer — just copy and paste!

Our Google Reviews + Webflow Integration

Bulk Import your Google reviews in no time (20 to 200 reviews)

Import reviews above a specific amount of stars

Bulk import reviews to your Wall of Love

Collect text and video testimonials

Create a Wall of Love or testimonial page (ex: /wall-of-love)

Display a testimonial slider or a single testimonial

Instructions

TL;DR

Create an account on Testimonial and bulk import your testimonials

Create your review widget

Customize your Wall of Love and copy the HTML code

Navigate to your Webflow website

Click on ‘Add element’ and select the ‘Embed’ widget

Paste the code, click ‘Save & Close’ followed by publishing your website

Voila! You’re website is now ready to convert better with social proof 💪

Step 1. Import Your Google Reviews

1. First, you will need to start your free trial on Testimonial.to and import your Google reviews.

2. After registering, visit the dashboard and click on + Create a new space.

3. After clicking, you will see the Create a new space popup modal.

To learn more about all the settings and features below, you can visit the Get started collection in our help center.

4. Now that your space is ready, click on ‘Other reviews’ under integrations followed by clicking on ‘Google’.

5. Within that popup, type in your business name. Ex: Bob’s Donuts San Francisco.

You can now import your Google reviews from the first 2 pages or the first 20 pages!

6. Now this is the step that can help you save a bunch of time!

You can decide to import five star reviews only as well as automatically adding them to your Wall of Love. Your Wall of Love is one of the embed code you can add to your Webflow website.

Here’s a short demo video that will show how to import your Google reviews👇

Step 2. Embed Google Reviews on Webflow

1. Click the “+” icon on the left sidebar to open up options

2. Scroll down below, in the Advanced section, you will find the Embed option

3. Click that, and it will pop up a HTML Code Editor like below:

4. Go to your account dashboard and visit the space you want to add to Webflow. After clicking the space, you will see "Wall of Love" option on the left sidebar in the Embed section.

5. Click that, then choose the styles you want to display the wall of love, in the last step, you will find the embed code. Click the "Copy code" button will copy the code to the clipboard automatically.

You can learn more about customizing your Wall of Love by visiting this article.

6. Paste the code in the HTML editor in step 3, then click Save & Close button

7. That’s it! With Testimonial.to, you can add video & text testimonials, and import reviews elsewhere, all in one place! 🥳