In this guide, we will show you how to add a Google Reviews widget to your Elementor website. The Google Reviews widget allows you to display real customer reviews directly from Google, helping you showcase authentic feedback and ratings on your site. Ideal for businesses, service providers, and local brands, this widget builds instant trust and credibility while enhancing user engagement. With flexible layout and style options, you can seamlessly match the reviews section to your brand’s design.
Let’s explore the customization options available in the Google Reviews widget for Elementor below.
Elementor Google Reviews Widget Tutorial Video
Add a Free Google Reviews to Elementor
Add a Remote Dropdown Widget to a Container in Elementor
Elementor Google Reviews Widget General Settings
Place ID
The unique code that identifies a specific business location on Google Maps.
Cache Time
How often does the widget pull fresh review data from Google to your website?
Language Code
A setting to define which language the reviews should be displayed or translated into.
Sort By
The rule used to determine the display order of the reviews.
Show Debug
A tool for developers to diagnose issues if the reviews fail to load.
Layout Type
The visual structure and arrangement of the review cards on the page.
Show Only 5-Star Reviews
A filter to restrict the display to only the highest-rated feedback.
Show Author Name
Toggles the visibility of the reviewer's name.
Show Author Photo
Toggles the visibility of the reviewer's profile picture.
Show Rating
Displays the star rating given by the customer.
Show Text
Displays the written content of the review.
Show Time Ago
Shows how long ago the review was posted.
Show Unfold Content Button
Adds a button to expand long reviews.
Fold Height
Sets the maximum height of a review before it is truncated.
Unfold/Fold Button Text
Customizable labels for the expand and collapse buttons.
Show Badge
Toggles the entire summary badge on or off.
Badge Image/Title
Customizes the main visual and heading for the badge.
Show Badge Rating Number/Stars
Displays the numerical score and visual stars for the overall business rating.
Show Badge Reviews Number
Shows the total count of reviews received.
Text Before/After Badge Reviews Number
Adds custom characters or words around the review count (e.g., parentheses).
Show Badge Review Link
Adds a clickable link for users to see more reviews or leave their own.
Badge Review Link Type/Custom
Determines where the link leads (e.g., a direct box or a custom URL).
Badge Review Link Text
Customizes the call-to-action text for the link.
Elementor Google Reviews Widget Style Settings
Justify Content
Sets horizontal item distribution.
Align Items
Sets vertical item alignment.
Direction
Switches layout between row and column.
Gap
Controls spacing between elements.
Padding
Sets internal space around content.
Margin
Sets external space around the badge.
Background Color
Applies color to the badge area.
Border Radius
Sets the roundness of the corners.
Border Type
Selects the line style for the edges.
Order
Determines the placement priority of the image relative to other elements.
Width & Height
Manages the specific physical dimensions of the image.
Object Fit
Controls how the image scales to fill its container.
Object Position
Sets the alignment of the image within its defined area.
Border Radius
Rounds the corners of the image itself.
Border Type
Defines the line style surrounding the image.
Margin
Adjusts the spacing specifically around the image element.
Typography
Customizes the font style for the link text.
Margin
Controls external spacing around the link element.
Padding
Controls the internal spacing within the link element.
Border Type
Sets the style of the border around the link.
Border Radius
Rounds the corners of the link container.
Background Color
Sets the fill color for the link (available for Regular and Hover states).
Color
Sets the text color for the link (available for Regular and Hover states).
Border Radius
Rounds the corners of the individual review item.
Background Color
Sets the fill color for the review item container.
Box Shadow
Adds a shadow effect to the review item.
Border Type
Sets the style of the border around the review item.
Opacity (%)
Controls the transparency level of the item.
Margin
Controls external spacing around the review item.
Padding
Controls internal spacing within the review item.
Min Height
Sets the minimum vertical height for the item.
Text Align
Aligns the text within the item (e.g., Left, Center, Right).
Gutter Size
Adjusts the spacing between individual review items.
Slide Layout Type
Determines the layout structure (e.g., Column).
Order
Sets the display sequence of the header relative to other item elements.
Gap
Adjusts the spacing between elements within the header.
Align Items
Aligns header elements along the cross axis (e.g., Start, Center, End).
Justify Content
Distributes space between and around header elements along the main axis.
Direction
Sets the stack direction of the header elements (e.g., Row or Column).
Margin
Controls the external spacing around the header.
Order
Sets the display sequence of the header content.
Gap
Adjusts the spacing between content elements.
Align Items
Aligns content elements along the cross-axis.
Justify Content
Distributes space between and around content elements.
Direction
Sets the stack direction of the content elements.
Order
Sets the display sequence of the author's photo.
Align
Adjusts the alignment of the photo.
Width
Sets the horizontal size of the photo.
Height
Sets the vertical size of the photo.
Object Fit
Controls how the image is resized to fit its container.
Object Position
Sets the alignment of the image within its container.
Border Radius
Rounds the corners of the photo.
Border Type
Sets the style of the border around the photo.
Margin
Controls the external spacing around the photo.
Order
Sets the sequence of the stars within the review item.
Typography
Opens a menu to control font family, size, weight, and other character-level styling.
Margin
Adjusts the amount of empty space around the outside of the text block to separate it from other elements.
Color
Sets the specific hue or shade of the text.
Text Align
Controls the horizontal positioning of the text (left, center, right, or justified).
Min Height
Sets a fixed minimum vertical dimension for the text area to ensure layout consistency across multiple items.
Typography
Controls the font styling, including family, size, weight, and line height for the button text.
Color
Sets the specific color of the text or icon within the button.
Background Color
Determines the color of the area behind the text/icon inside the button container.
Margin
Adjusts the external spacing around the button to position it relative to other elements.
Padding
Controls the internal spacing between the button text and its borders.
Border Type
Defines the style of the button's outline (such as solid, double, dotted, or dashed).
Border Radius
Rounds the corners of the button to create a curved or circular appearance.
Box Shadow
Adds a shadow effect behind the button to create depth and visual lift.
Text Align
Sets the horizontal alignment of the button within its container.
Google Reviews Widget Design Examples For Elementor
Here are some live use cases for the Google Reviews widget.
Vertical Marquee Google Reviews.
Coverflow Google Reviews.
Thank you for using the Google Reviews Widget for Elementor! This widget makes it easy to display real customer reviews and ratings directly from Google on your website. Perfect for businesses, service providers, and local brands, it helps build trust, credibility, and social proof while enhancing user engagement. With flexible layout and styling options, you can seamlessly match the reviews section to your brand’s look and feel. If you have any questions or need assistance, feel free to reach out. For inspiration and live demos, don’t forget to visit our website.