How To Use

Display Business Reviews

Add Block

In your Gutenberg editor, find the Business Reviews Block and insert it, just like others block.

Requirements

After adding the block, you will see the requirement for Authorization or Access Token.

• To show Google Place Reviews, you have to enter Google Place API Key and Google Place ID.
• To show Yelp Reviews, you have to enter Yelp API Key and Yelp Business URL.
• To show the Facebook Page Reviews, you have to Login with Facebook and access the Page.

Don’t worry you don’t need to put all the authorizations at a time. If you want to show Google Place Reviews you just have to add Google Place API Key and Google Place ID. If you want to show Yelp Business Reviews you just have to add Yelp API Key and Yelp Business URL. Or if you want to show Facebook Page Reviews you just have to authorize the Facebook Page.

Insert the authorization keys in Editor Header Settings. After inserting the keys you must have to click on Save Information to save the info.

After, adding the authorization keys, you will see the reviews are showing.

Authorization

Google

As we mentioned in the Display Business Reviews article, the plugin needs the Google Place API key and Google Place ID to display the Google Place reviews. In this article, we will discuss how to get those.

Place API key

Go to your Google Console dashboard. If you the new user agree with Google terms:

Select your existing project or create a new one:

Wait for the creation and then click ENABLE APIS AND SERVICES:

Type Places API in the search area, select the first result Places API and click on the ENABLE button.

After enabling the Places API, click on the Navigation menu, select APIs & Services, and Credentials.

On the Credentials page click + CREATE CREDENTIALS, and select API key.

After creating of API key you need to copy & paste it to the plugin’s settings (please do not restrict the key, the plugin can’t work with a restricted API key, it’s a limitation of Google):

Now, you need to enable Google Billing. It’s a mandatory step to use the API key. Don’t worry, Google is currently giving $200 free credit a month and it should be enough to use the plugin for connecting several Google places without additional fees except for this free $200 credit. Go to https://console.cloud.google.com/project/_/billing/enable, select your recent created project, and click ‘CREATE BILLING ACCOUNT‘:

Agree with Google terms, fill your contact information, and start using your Google API key with the plugin.

Place ID

First, go to your Google Place ID Finder.

Search your location in the search box and select your place.

You will see Place ID. Store the ID.

Authorization- Yelp

As we mentioned in the Display Business Reviews article, the plugin needs the Yelp API key and Yelp Business URL to display the Yelp Business reviews. In this article, we will discuss how to get those.

API Key

If you do not have a free Yelp account (not a business), please Sign Up here.

Under the free Yelp account, go to the Yelp Developers page and create a new app.

Store API Key.

Business URL

From the browser go to your business page.

Store the Business URL from the address bar.

Authorization- Facebook

As we mentioned in the Display Business Reviews article, the plugin needs Facebook Page Authorization to display the Facebook Page reviews. In this article, we will discuss how to get those.

Page Authorization

Go to your Editor Page, and click on the Business Review settings from the header settings. then click on Login with Facebook button.

Click Connect.

Next, click the Continue button.

Select your Facebook page and click the Continue button.

Click Save .

Click, the Go It.

Click on the Choose button.

Configuration

Editor View

Select the block, you will see the settings option in the right sidebar. You can see there are 2 tabs for configuration: General and Style.

General Options

Review Type

In business reviews settings, you can set up your reviews.

Also, can show or hide the google,facebook, yelp and position set top,middle and bottom.

Toast

You can show/hide Toast

Also, you can change Toast Position,Duration and Animation.

Elements

You can show or hide the elements, image, name, time, icon, ratting and description.

Layout

You can change wrapper, column gap, row gap, and columns

Styles

Wrapper

You can change wrapper background color and padding.

Card

Also, You can change card background color, padding,border,radius and shadow,hover shadow

Image

You can change image background color, padding,border,radius and shadow.

Name

You can change Name Typography,color, and hover color

Time

You can change Time Typography and color.

Review Text

Also,You can change Review Text Typography and color.

Rating Icon

You can change rating icon color.

Posted On

Also, you can change text color, typography, author color and author typography