How to Embed Google Reviews On Your Website?

Krunal -

To show Google Reviews with Social Wall, first, go to Social Wall. Now, follow the steps.

1. Add Wall

  • Under "Add Wall Tab", click on "Review Wall"
  • Now, click on the "Add Wall" button on Google Review Wall.

Here you'll see different customization options:

Data source: You can integrate multiple platforms under this section which can automatically fetch data to automate the process.

Layout: Select layout options from mosaic, carousels, grid, and more. You can also customize options like rows, space, Header text, load more button settings, content width, etc.

Card: Under this tab, you can select card template and select options you want to display like author name, icon, date, source, URL, etc.

Pop-up: Using the pop-up option, you can select a pop-up template and select options you want to display like author name, icon, action, source, URL, etc.

Appearance: This option allows you to change color, font, border, shadow, and more. It also lets you add your custom CSS, and you can choose whether you want to display a wall on a mobile phone or desktop.

Filter: It allows you to apply hide/show filters to comments and images, and also, you can add keywords that you want to include and exclude.( Only visible when data source is connected

Settings: Here, you can find the additional settings.

2. Connect Google with Social Wall

Now, go to the "Data Source" tab.

  • Click on "Add integration"
  • You can see 2 options here, Google & GoogleMyBusiness

With Google, you can embed reviews using place id.

Use this link to find your place ID: https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder

With GMB, you can embed reviews by logging into your Google Account

Once you log in, you will find the pages available in your account in the drop-down.

  • Select the page you want to connect to, and you'll start seeing a live preview in the preview section.

That's it. Your Google Review feed is connected with your Social Wall.

3. Add Wall code to your website

Now, to display the wall on your website, copy the code and paste it into your HTML on the desired page.

Once you add this code to your desired place in HTML, your wall will be live.