Webflow Google Reviews: how to integrate them easily?

If you run a business, you probably already know how valuable customer feedback is. Google reviews, in particular, play a crucial role in how consumers perceive your brand. By displaying these testimonials directly on your site, you don't only show transparency, you also strengthen visitor trust.

‍

Why choose Webflow for this? Webflow has established itself as a top choice for website builders, combining flexibility, power and simplicity. However, despite all its features, the platform doesn't offer a native solution for Google reviews integration. That's where this article comes in — we explain everything.

‍

Why integrate Google Reviews into your Webflow site?

‍

When you choose to integrate Google Reviews into your Webflow site, you open the door to many advantages that can transform how your business is perceived online. Customer reviews have become an essential part of consumer decision-making, and ignoring them could cost you dearly.

Boost user trust

Trust is the cornerstone of every successful customer relationship. Statistics prove it: nearly 90% of consumers read online reviews before making a purchase, and most of them trust those reviews as much as a personal recommendation. By integrating Google Reviews directly on your Webflow site, you put these precious testimonials one click away for your visitors, helping them form a positive opinion of your business in an instant.

‍

It's not just about showing praise. Customers increasingly look for authenticity. By displaying a mix of positive and negative reviews (and responding professionally to the latter), you show that you're a business that listens, adapts and genuinely cares about its customers. This creates a positive and reassuring image, encouraging new customers to take the leap.

Improve local SEO

SEO, or search engine optimization, is vital for any business looking to increase its online visibility. Google reviews play a crucial role here, especially for local SEO. Google uses reviews to help determine the quality and relevance of a business for a specific search query.

‍

A high number of positive reviews can improve your position in local search results, making your business more visible to people looking for services or products like yours in your area. It's a virtuous circle: better visibility drives more traffic, which drives more reviews, and so on.

‍

By integrating Google Reviews on your Webflow site, you increase the amount of fresh and relevant content on your site, another factor Google considers when ranking sites. You also show Google that you're an active and trustworthy business, which can help improve your position in search results.

‍

Requirements to integrate Google Reviews into Webflow

‍

Before diving into the process of integrating Google Reviews on your Webflow site, a few crucial preparatory steps shouldn't be overlooked. These prerequisites are essential to ensure a smooth, hassle-free integration.

Create a Google API Key

First, to access Google reviews, you'll need an API key, a unique identifier that lets your Webflow site communicate with Google services. Creating this key is a foundational step.

‍

1. Visit the Google Cloud Platform: head to the Google Cloud Platform site and log in with your Google account. If you don't have one, this is the time to create it.
‍

2. Create a project: once logged in, create a new project giving it a meaningful name and selecting the appropriate organization.
‍

3. Configure the API Key: in your project dashboard, look for "API Keys" and create a new one. Be sure to properly configure its restrictions for security reasons, limiting its use only to your Webflow site.

Create a project in Google Developers Console

Creating a project in Google Developers Console is a step that fits into the API Key creation process. The Google Developers Console project acts as a container for all the configurations and services you'll use.

‍

1. Configure your project: after creating your project, go to its settings. Make sure all the information is correct and up to date.

2. Manage permissions: set the necessary permissions for your API key and make sure everything is properly configured.

Activate the Google Places API

Once your API key is in hand and your project is configured, the next step is to enable the Google Places API. This is the API that will give you access to Google reviews.

‍

1. Enable the Google Places API: in your Google Developers Console project dashboard, look for "Places API" and enable it.

2. Configure API settings: make sure everything is properly configured, including quotas and restrictions, to avoid any issue when using the API.

‍

Steps to integrate Google Reviews into Webflow

‍

Now that you've prepared the ground with all the needed prerequisites, it's time to act and start the process of integrating Google Reviews into your Webflow site.

Retrieve your Google business Place ID

Before displaying Google reviews on your site, you need to uniquely identify your business on Google. To do this, you need your Place ID. Here's how to find it:

‍

1. Go to Google Maps: open Google Maps in your web browser.

2. Search your business: enter your business name in the search bar and select it from the results.

3. Copy the URL: once on your business page, copy the full URL from your browser's address bar.

4. Extract the ID: the copied URL will contain a series of characters — that's your Place ID. It can be found right after "placeid=" in the URL.

‍

Note down this ID, you'll need it for the next step.

Use a widget

To integrate Google Reviews on your Webflow site, one of the simplest and most effective ways is to use an extension. A popular example is the "Webflow Google Reviews widget" by Elfsight, which makes the process much easier.

‍

Here's how to proceed:

‍

1. Create an Elfsight account: head to the Elfsight site and create an account if you don't already have one.

2. Select the Google Reviews widget: in Elfsight's catalog, find and select the Google Reviews widget.

3. Configure the widget: use Elfsight's intuitive interface to configure the widget to your needs. Enter your Google business ID that you retrieved earlier.

4. Generate the code: once you're happy with the configuration, generate the widget code.

‍

5. Embed the code in Webflow: log in to your Webflow account and head to your site. Place an "Embed" element where you want to display the reviews and paste the Elfsight widget code.

‍

Build your site on Webflow and integrate your Google reviews with Scroll

‍

At Scroll, mastering the art of Webflow is our specialty, and we're passionate about building quality websites. Want to feature Google reviews on your site? We're here to guide you every step of the way. As a Webflow agency, we're ready to take your online presence to new heights. Got a Webflow project? Let's talk and make it a reality together. Contact us.

‍