In this documentation, we will show you how to customize the Google Reviews widget presented by Element Pack Pro.

Inserting The Google Reviews Widget

Open your page in the Elementor editor, search by the widget name, and then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Layout Section

Go to Content > Layout

Step-1

Come to the Layout section, you will find the Place ID options and there you should put the Place ID first to show your Google Reviews.

Step-2

Here also find the Cache Reviews, Show Thumb, Show Time, Show Name, Show Rating, Show Google Icon, Show Excerpt, Match Height switchers, and Reload Reviews after(Hour, Day, Week, Month, and Year), Excerpt Limit, Columns, and Column Gap options.

Navigation Section

Go to Content > Navigation

Come to the Navigation section, find the Navigation( Arrows and Dots, Arrows, Dots, and None), Dots Position, and Hide Arrows and Dots on Mobile options.

Slider Settings Section

Go to Content > Slider Settings

Here find the Auto Play, Autoplay Interval, Pause On Hover, and Loop options.

Additional Settings Section

Go to Content > Additional Settings

Come to the Additional Settings section, and find the Filter Reviews Language, Info Position, Direction, Self Align, Content Width, and Thumb/info Width options.

Work with The Style Tab

Google Reviews Section

Go to Style > Google Reviews

Step-1

Come to the Google Reviews section, and you will find two tabs section; Normal and Hover.

In the Normal tab mode, you will find the Background Type(Classic, and Gradient), Background 1st Color, 1st Location, Background 2nd Color, 2nd Location, Type(Linear, and Radial), Angle, Padding, Border Type, Radius, and Box Shadow options.

Step-2

In the Hover tab mode, you will find the Background Type(Classic, and Gradient), Background Color, Image, and Box Shadow options.

Image Section

Go to Style > Image

Here find the Image Size and Spacing options.

Name Section

Go to Style > Name

Here Find the Name Color, Hover Color, and Typography options.

Time Section

Go to Style > Time

Here find the Time Color, Spacing, and Typography options.

Rating Section

Go to Style > Rating

Come to the Rating section, and find the Rating Color, Active Color, Margin, and Spacing options.

Excerpt Section

Go to Style > Excerpt

Here find the Excerpt Color, Padding, Alignment, Spacing, and Typography options.

Google Icon Section

Go to Style > Google Icon

Here find the Google Icon Position, Size, and Margin options.

Navigation Section

Go to Style > Navigation

Here find the Dots Color, Active Color, Size, Horizontal Offset, and Vertical Offset options.

All done! You have successfully customized the Google Reviews widget on your website.

Video Assist

You can also watch the tutorial video about the Google Reviews widget. Please visit the demo page for examples.

Thanks for staying with us.