Social Review

< All Topics
Widget Used
Social Review
Demo URL
Click Here
Tutorial Videos
Official Video

If you want to spend your time going to a certain place in a city to see or give a review of that place, then we have created a superior and well-designed widget that will make it easy for you to use and help you.

Pro tip
Why don’t you use this widget? Because You can see and give off any location using this widget For example, if you want to see or give a review of an eating place, you can give it with the help of this widget. You can also use this widget’s custom style option to review a location.

How to use the Social Review Widget of The Plus Addons For Elementor

The Social Review widget comes with two separate review types and three Styles of each type With the styling options you can make a better and preferable layout.

General Steps

Search for the Social Review element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Social Review widget. First, click on the Content tab.

1. Content

1.1: Content

Social Review

Select Type

The Social Review widget First step is You can choose one Type out of two from the drop-down menu.

Type 1 : Review

In this type of option, you can also give custom reviews with Facebook and Google.

Select Style

We have provided three different styles. Switch the styles to see how they look and settle on one.

Style Layout

We have provided two different layouts for style two. Switch the layouts to see how they look and settle on one.

Select Layout

We have provided three different layouts for listing. Select your desired layout for listing. You can watch this video to know more about it. The options we provided are:

1. Grid
2. Masonry
3. Carousel

Social Reviews Repeater

Select Social Reviews Option

We have given two social and one custom option for review. Select your desired option for review. You can set the field where you want to set it, such as Top, Middle, Bottom, and add and remove it. The options we provided are:

1. Facebook
2. Google
3. Manual

Facebook Option

Generate Access Token (Facebook)

With this option, Clicking on this button will automatically create a related access token for Facebook if you fill in the right app Id above this field.

Access Token

Set the access token for the Facebook option here.

Page/Place Id

Set the Page/Place Id for the Facebook option here.

Select Result Type

We have given three different result types for review. Select your desired type for review. And you can do whatever kind of review you want to see or give. The options we provided are:

1. Default
2. Negative
3. Positive

Rating Icon

You can see or give a review by using the rating icon for the Facebook option here.

Google Option

Access Token

Set the access token for the Google option here.

How to Create Access Token?

Create the access token for the Google option here.

Page/Place Id

Set the Page/Place Id for the Google option here.

How to Create Page/Place Id?

Create the Page/Place for the Google option here.

Rating Icon

You can see or give a review by using the rating icon for the Google option here.

Manual Option

User Profile Image

With this option, You can set the multiple Image of the user.

User Name

With this option, You can set the Name of the user.

Review Message

With this option, You can set your review as a Message.

Select Manual Platform

From the options of this Manual platform, You can post your review on which platform you want.

Platform 1: Facebook

With this option, You can post your review on Facebook here.

Platform 2: Google

With this option, You can post your review on Google here.

Platform 3: Manual

With this option, you can post your review On Manual Platform here.

Platform Name

Set the Platform Name here.

Platform Logo

Set the custom image of the Manual platform here.

Date

Set the custom date of the Manual platform here.

Rating Value (1 To 5)

Set the number of ratings of the Manual platform here.

Rating Icon

You can see or give a review by using the rating icon for the Manual option here.

Category (For Filter)

With this option, You Can Set the Category of your selected social review option Post For The Filter Purpose.

Maximum Results

With this option, You can set the Maximum Number of posts you want to see of your selected social review option.

1.2: Review Option

Some Options From This Field Will Only Work For Style 2.

Select Negative Review Stars

With this option, you can give a negative value as a rating here.

Display Id & Exclude

By enabling this option, you can see the post id of your post at the footer of that post.

Exclude Post Ids

With this option, you can set the post id of the post so that you can hide the post of that which post id you have set.

Type 2: Badge

With this option, you can see the reviews of all people together. Sometimes you can even see Average Review.

Select Style

We have provided three different styles. Switch the styles to see how they look and settle on one.

Source

We have given two social options for review. Select your desired option for review. The options we provided are:

1. Facebook
2. Google

Generate Access Token (Facebook)

With this option, Clicking on this button will automatically create a related access token for Facebook if you fill in the right app Id above this field.

Facebook Review

With this option, you can set custom text for the Facebook option.

Google Review

With this option, you can set custom text for the google option.

Access Token

Set the access token of your selected social review source option here.

Page/Place Id

Set the Page/Place Id of your selected social review source option here.

1.3: Badge Option

Postfix Content

Set the Custom Content After text here.

Prefix Content

Set the Custom Content Before text here.


Show Recommend

By enabling this option you can see the recommended option in the footer.


Prefix Content Text

Set the Custom Content Before Recommended Page text here.

(Single | Multiple) Button

By enabling this option you can see the Multiple Button in the footer.

First Button

Set the First Button Text here.

Second Button

Set the Second Button Text here.

Show Icon

By enabling this option you can see the Icon of your selected source for Style Two here.

1.4: Columns Manage

Desktop Column

Set the number of listing columns to be displayed on the desktop.

Tablet Column

Set the number of listing columns to be displayed on the tablet.

Mobile Column

Set the number of listing columns to be displayed on the mobile.

Columns Gap / Space Between

Set the space between your columns. We recommend 15-20px.

1.5: Filter Options

Category Wise Filter

By enabling this option You can see the filter category Here.

All Filter Category Text

You can set custom text in the All Filter category.

Category Filter Style

We have given Four Category Filter styles. Select your desired Style for Category Here.

Filter Hover Style

We have given Four Category Filter hover styles. Select your desired Style for Category Here.

Filter Alignment

Set the Category Filter Alignment here.

1.6: Load More/Lazy Load Options

More Post Loading Options

We have given two options for loading the post. You can select the option you want to load the post from this option.

Maximum Posts Display

Set the maximum number of posts to display per page.

More posts on click/scroll

Set the maximum number of posts to display on the click or scroll per page.

Button Text

Set the Button Text For Load More Option.

Loading Text

Set the Loading Text For Load More and Lazy Load Option.

All Posts Loaded Text

Set the All Post Loaded Text For Load More and Lazy Load Option.

1.7: Extra Option (Review)

Refresh Time

With this option, you will be able to set the record of social review posts after how many times you want to see that.

Text Limit

By enabling this option you can see the Text Limit Option Here.

Limit On

With this option, You can set a limit of Title in Word or Character.

More Text

With this option, You will be able to see the additional hidden content.

Limit Count

Set the Limit value of the Title here.

Display Dots

Enable this option when you want to display dots.

Content Scrolling Bar

By enabling this option you can see the content scroll bar here.

Height

With this option, you can set the Height of the content scroll bar here.

1.8: Extra Option (Badge)

Refresh Time

With this option, you will be able to set the record of social review posts after how many times you want to see that.

1.9: Performance

Performance

By enabling this option you can quickly load all posts of the social review.

Delete All Transient

With this option, you can delete all saved transient data of social review types here.

2. Style

The Style tab is used for customizing the look of all the Social Review widget components such as Universal, Show More Text, Scroll Text, Load More/Lazy Load, Carousel, Filter Category, Facebook, Google, Manual, Main Area, and Sub Area

Universal Style

Set Username Typography, Message Typography, Post On Text Typography, Time Typography, Title Text Typography, Username Color, Message Color, Time Color, Post On Text Color, Title Text Color, Box Background Options ( Box Padding, Background, Border, Box Shadow), Top Option, Bottom Option, Icon Option, Username Area (Margin, Padding), Profile Image, Overlay Image Switcher, Image Position Option, Profile Border, Profile Radius, Profile Box Shadow, Header Padding, Content Padding, and Footer Padding for the Universal here.

Show More Text Style

Set Typography, Show More Color, Show Less Color, and Dot color for the Show More Text here.

Scroll Text Style

Set Background, and Width for the Fancy box Content Options here.
Set Background, Border Radius, and Box Shadow for the Thumb Options here.
Set Background, Border Radius, and Box Shadow for the Track Options here.

Load More/Lazy Load Style

Set Load More Typography, Loaded All Posts Typography, Load More Border Switcher Option, Border Style, Border Width, Border Color, Border Radius, Text Color, Loaded Posts Text Color, Loading Spinner ( Color, Size, Border Size, Background), Load More Box Shadow, Text Hover Color, Background, and Load More Hover Box Shadow for the Load More/Lazy Load here.

Carousel Style

Set Slider Mode, Slide Speed, Desktop Columns, Tablet Columns, Mobile Columns, Slide Padding, Draggable, Infinite Mode, Pause On Hover, Adaptive Height, Animation Type, AutoPlay, AutoPlay Speed, Show Dots, Dots Style, Dots Border Color, Dots Top Padding, On Hover Dots, Show Arrows Switcher Option, Center Mode Switcher Option, and Unique Carousel Id for the Carousel here.

Filter Category Style

Set Typography, Inner Padding, Margin, Filters Text Color, Category Filter Color, Border Color, Background, Border Radius, Box Shadow, Hover Border Color, and Count Filter Category (Category Count Color, Background, Count Background Color, Box Shadow) for the Filter Category here.

Facebook Style

Set Username Typography, Message Typography, Post On Text Typography, Time Typography, Title Text Typography, Username Color, Message Color, Time Color, Post On Text Color, Title Text Color, Box Background Options (Box Padding, Background, Border, Border Radius, Box Shadow), Profile Radius, Header Padding, Content Padding, and Footer Padding for the Facebook here.

Google Style

Set Username Typography, Message Typography, Post On Text Typography, Time Typography, Title Text Typography, Username Color, Message Color, Time Color, Post On Text Color, Title text Color, Box Background Options (Box Padding, Background, Border, Border Radius, Box Shadow), Profile Radius, Header Padding, Content Padding, and Footer Padding for the Google here.

Manual Style

Set Username Typography, Message Typography, Post On Text Typography, Time Typography, Title Text Typography, Username Color, Message Color, Time Color, Post On Text Color, Title text Color, Bottom Background Option(Background), Box Background Options (Box Padding, Background, Border, Border Radius, Box Shadow), Profile Radius, Header Padding, Content Padding, and Footer Padding for the Manual here.

Main Area Style

Set Box Width, Alignment, Title Typography, Title Color, Extra Title Typography, Extra Title Color, Image Option, Icon Option, Average Option, Rating Option, Background, Border, Border Radius, Icon Padding, Badge Inner Content Options, and Badge Outer Background Options for the Main Area here.

Sub Area Style

Set Alignment, Text Typography, Text Color, Background Color, Border, Border Radius, First Button Option, Second Button Option, and Margin for the Sub Area here.

Preview

Here you can see with details how the Style option of the Social Review Widget works.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?