Skip to content
Reputation Management & Reviews

Customizing Review Widgets in Reputation

Learn how to customize review widgets in GHL Customer Care Reputation Management. Edit layout, content, appearance, and behavior, and manage multiple widget variations.

7 min read1,646 words10 explained imagesUpdated Mon, 25 May at 10:50 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Review Widgets
  2. How to Access and Use the Review Widget Builder
  3. Step 1: Navigate to the Widgets tab
  4. Step 2: Select or Create a New Widget
  5. Step 3: Configure Your Widget Settings
  6. Step 4: Save and Embed the Widget
  7. Customizing Review Widgets
  8. Layout Tab: Configuring Widget Structure
  9. Content Tab: Editing Widget Header and Description
  10. Appearance Tab: Choosing Themes and Colors
  11. Settings Tab: Fine-Tuning Widget Behavior
  12. Saving, Naming, and Managing Your Widgets
  13. Templates
  14. Frequently Asked Questions
  15. Related Articles

This article will guide you through how to set up, customize, and embed Review Widgets. These widgets let you showcase real reviews from customers directly on your site—boosting trust, improving conversions, and enhancing your brand image.


Video 1 Open in a new tab


TABLE OF CONTENTS


What are Review Widgets?

The Review Widget lets you display real customer feedback directly on your website, helping you build instant trust and social proof. It supports reviews from platforms like Google and Facebook, allowing you to combine them into one seamless, branded display.

You can easily customize the widget’s layout, style, and content to match your website’s design. Once added, it updates automatically with new reviews, giving your visitors fresh, credible testimonials without any manual work.


Key Benefits of Review Widgets

Adding a review widget to your site is more than just a design choice—it’s a strategic move. Displaying reviews builds social credibility and helps potential customers make buying decisions with confidence.

  • Social Proof: Showcasing real customer reviews builds trust and increases conversion rates
  • Review Aggregation & Filtering: Seamlessly combine reviews from platforms like Google and Facebook. Apply filters by platform or rating to showcase only your best reviews
  • Brand Consistency: Tailor the widget’s layout, fonts, and color scheme to align perfectly with your website’s branding
  • Automated Updates: New reviews are automatically pulled into the widget, keeping your content fresh without ongoing maintenance
  • Templates: Use ready-made, no-code templates for fast setup and professional, consistent design.
  • Simple Integration: Easily embed widgets into any website page, no need for coding knowledge
  • AI Summary: Instantly highlight overall review sentiment with auto-generated summaries that build trust at a glance


How to Access and Use the Review Widget Builder

Follow these steps to create and customize a review widget:

Step 1: Navigate to the Widgets tab

  • From the sub-account dashboard, go to Reputation in the left-hand menu.

  • Click the Widgets tab in the top navigation.

Step 1: Navigate to the Widgets tab (image 1 of 10) What this shows From the sub-account dashboard, go to Reputation in the left-hand menu. What this shows Illustrates the "Step 1: Navigate to the Widgets tab" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Step 1: Navigate to the Widgets tab" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: From the sub-account dashboard, go to Reputation in the left-hand menu. Click the Widgets tab in the top navigation. Immediately after, the guide continues: To create a new widget, click + Create Widget button To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget If you're starting from scratch, you can also select a…. Image 1 of 10 What to clickFrom the sub-account dashboard, go to Reputation in the left-hand menu. Click the Widgets tab in the top navigation.
Buttons and menus referenced ReputationWidgets
Next stepTo create a new widget, click + Create Widget button To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget If you're starting from scratch, you can also select a pre-built template to instantly apply a professional layout and style. Click here for more info on using Templates.
All 2 steps in this procedure
  1. From the sub-account dashboard, go to Reputation in the left-hand menu.
  2. Click the Widgets tab in the top navigation.

Step 2: Select or Create a New Widget

  • To create a new widget, click + Create Widget button

  • To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget

  • If you're starting from scratch, you can also select a pre-built template to instantly apply a professional layout and style. Click here for more info on using Templates.

Step 2: Select or Create a New Widget (image 2 of 10) What this shows To create a new widget, click + Create Widget button To edit an existing widget, click the desired widget then click on the blue button in… What this shows Illustrates the "Step 2: Select or Create a New Widget" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Step 2: Select or Create a New Widget" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: To create a new widget, click + Create Widget button To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget If you're starting from scratch, you can also select a pre-built template to instantly apply a professional layout…. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: The widget builder includes several tabs that let you fully customize the structure, content, and appearance of your review widget. You'll be able to control everything from the layout to the sources and theme. Image 2 of 10 What to chooseTo create a new widget, click + Create Widget button To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget If you're starting from scratch, you can also select a pre-built template to instantly apply a professional layout and style. Click here for more info on using Templates.
Fields in this part of the guide To create a new widget, click + Create Widget button
Buttons and menus referenced + Create WidgetEdit Widget
Next stepThe widget builder includes several tabs that let you fully customize the structure, content, and appearance of your review widget. You'll be able to control everything from the layout to the sources and theme.
All 3 steps in this procedure
  1. To create a new widget, click + Create Widget button
  2. To edit an existing widget, click the desired widget then click on the blue button in the bottom right corner labeled Edit Widget
  3. If you're starting from scratch, you can also select a pre-built template to instantly apply a professional layout and style. Click here for more info on using Templates.

Step 3: Configure Your Widget Settings

The widget builder includes several tabs that let you fully customize the structure, content, and appearance of your review widget. You'll be able to control everything from the layout to the sources and theme.

Each tab focuses on a different part of the widget experience:

Note: For detailed configuration options, scroll down to the full breakdown of each tab

Step 4: Save and Embed the Widget

  • Once you have made all required changes, click the blue Save button in the lower right corner,
  • Add your widget to a GHL Customer Care site or funnel, drag and drop the Reviews element onto the site page.
  • To embed the review widget using code, click the Code icon then click Copy Code. Paste this code into a custom HTML block on your website or funnel.
Step 4: Save and Embed the Widget (image 3 of 10) What this shows Once you have made all required changes, click the blue Save button in the lower right corner, Add your widget to a GHL Customer Care site… What this shows Illustrates the "Step 4: Save and Embed the Widget" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Step 4: Save and Embed the Widget" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Once you have made all required changes, click the blue Save button in the lower right corner, Add your widget to a GHL Customer Care site or funnel, drag and drop the Reviews element onto the site page. To embed the review widget using code, click the Code icon then click Copy Code. Paste this code…. Immediately after, the guide continues: Each tab in the widget builder gives you control over a different aspect of your review widget—from structure and layout to content, design, and behavior. Image 3 of 10 How to confirmOnce you have made all required changes, click the blue Save button in the lower right corner, Add your widget to a GHL Customer Care site or funnel, drag and drop the Reviews element onto the site page. To embed the review widget using code, click the Code icon then click Copy Code. Paste this code into a custom HTML block on your website or funnel.
Buttons and menus referenced SaveReviewsCodeCopy Code.
Next stepEach tab in the widget builder gives you control over a different aspect of your review widget—from structure and layout to content, design, and behavior.
All 3 steps in this procedure
  1. Once you have made all required changes, click the blue Save button in the lower right corner,
  2. Add your widget to a GHL Customer Care site or funnel, drag and drop the Reviews element onto the site page.
  3. To embed the review widget using code, click the Code icon then click Copy Code. Paste this code into a custom HTML block on your website or funnel.

Customizing Review Widgets

Each tab in the widget builder gives you control over a different aspect of your review widget—from structure and layout to content, design, and behavior.

Note: Available customizations vary based upon selected Widget Type.

Layout Tab: Configuring Widget Structure

Define the foundational structure and sources of your review display:

  • Summary Type: AI generated sentiment overview based on your reviews. You can choose the summary type (Short, Detailed, or Action-Oriented) and toggle it on or off as needed.

  • Summary Position: Choose where the AI summary appears either at the top of the widget or inline with the reviews. The placement follows selected widget layout by default. If you want the summary to always appear at the top, set Summary Position to Top.

  • Review Source: Select which platforms to pull reviews from.

  • Widget Type: Pick the display format for your reviews. Options include List, Grid, Masonry, Carousel, Slider, Flash and Legacy.

  • Max Number of Reviews: Set the total number of reviews to display within the widget.

  • Minimum Ratings: Choose to show only reviews that meet a specific star rating threshold.

  • Powered by: Show or hide the “Powered by” message at the bottom of the widget.

Layout Tab: Configuring Widget Structure (image 4 of 10) What this shows Summary Type: AI generated sentiment overview based on your reviews. What this shows Illustrates the "Layout Tab: Configuring Widget Structure" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Layout Tab: Configuring Widget Structure" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Summary Type: AI generated sentiment overview based on your reviews. You can choose the summary type (Short, Detailed, or Action-Oriented) and toggle it on or off as needed. Summary Position: Choose where the AI summary appears either at the top of the widget or inline with the reviews. The…. Immediately after, the guide continues: Customize how your widget introduces and frames your reviews. Image 4 of 10 What to fill inSummary Type: AI generated sentiment overview based on your reviews. You can choose the summary type (Short, Detailed, or Action-Oriented) and toggle it on or off as needed. Summary Position: Choose where the AI summary appears either at the top of the widget or inline with the reviews. The placement follows selected widget layout by default. If you want the summary to always appear at the top, set Summary Position to Top. Review Source: Select which platforms to pull reviews from. Widget Type: Pick the display format for your reviews. Options include List, Grid, Masonry, Carousel, Slider, Flash and Legacy. Max Number of Reviews: Set the total number of reviews to display within the widget. Minimum Ratings: Choose to show only reviews that meet a specific star rating threshold. Powered by: Show or hide the “Powered by” message at the bottom of the widget. Next stepCustomize how your widget introduces and frames your reviews:
All 7 steps in this procedure
  1. Summary Type: AI generated sentiment overview based on your reviews. You can choose the summary type (Short, Detailed, or Action-Oriented) and toggle it on or off as needed.
  2. Summary Position: Choose where the AI summary appears either at the top of the widget or inline with the reviews. The placement follows selected widget layout by default. If you want the summary to always appear at the top, set Summary Position to Top.
  3. Review Source: Select which platforms to pull reviews from.
  4. Widget Type: Pick the display format for your reviews. Options include List, Grid, Masonry, Carousel, Slider, Flash and Legacy.
  5. Max Number of Reviews: Set the total number of reviews to display within the widget.
  6. Minimum Ratings: Choose to show only reviews that meet a specific star rating threshold.
  7. Powered by: Show or hide the “Powered by” message at the bottom of the widget.

Content Tab: Editing Widget Header and Description

Customize how your widget introduces and frames your reviews:

  • Title (Toggle): Toggle on or off to display a custom title at the top of the widget.

  • Heading: Define the text that appears as the widget heading. This can reflect your brand tone or content focus (e.g., “What Our Customers Say”).

  • Description: Add brief supporting text below the heading to provide context or encouragement.

  • Header (Toggle): Controls the visibility of the header summary section, which includes rating data, review count, and a write a review button.
  • Rating: This shows the average star rating of all reviews.

  • Total Review Count: Displays how many total reviews have been left.

  • Write a Review Button: Adds a clickable button that directs users to submit a review.

  • Widget Position: Where on the screen is the widget displayed.

  • Slider Interval: Set how many seconds each review stays visible before rotating. Available when using a carousel or slider layout

Content Tab: Editing Widget Header and Description (image 5 of 10) What this shows Title (Toggle): Toggle on or off to display a custom title at the top of the widget. What this shows Illustrates the "Content Tab: Editing Widget Header and Description" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Content Tab: Editing Widget Header and Description" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Title (Toggle): Toggle on or off to display a custom title at the top of the widget. Heading: Define the text that appears as the widget heading. This can reflect your brand tone or content focus (e.g., “What Our Customers Say”). Description: Add brief supporting text below the heading to provide…. Immediately after, the guide continues: Control the overall visual style of your widget to align with your website’s branding. Image 5 of 10 What to fill inTitle (Toggle): Toggle on or off to display a custom title at the top of the widget. Heading: Define the text that appears as the widget heading. This can reflect your brand tone or content focus (e.g., “What Our Customers Say”). Description: Add brief supporting text below the heading to provide context or encouragement. Header (Toggle): Controls the visibility of the header summary section, which includes rating data, review count, and a write a review button. Rating: This shows the average star rating of all reviews. Total Review Count: Displays how many total reviews have been left. Write a Review Button: Adds a clickable button that directs users to submit a review. Widget Position: Where on the screen is the widget displayed. Slider Interval: Set how many seconds each review stays visible before rotating. Available when using a carousel or slider layout Next stepControl the overall visual style of your widget to align with your website’s branding:
All 9 steps in this procedure
  1. Title (Toggle): Toggle on or off to display a custom title at the top of the widget.
  2. Heading: Define the text that appears as the widget heading. This can reflect your brand tone or content focus (e.g., “What Our Customers Say”).
  3. Description: Add brief supporting text below the heading to provide context or encouragement.
  4. Header (Toggle): Controls the visibility of the header summary section, which includes rating data, review count, and a write a review button.
  5. Rating: This shows the average star rating of all reviews.
  6. Total Review Count: Displays how many total reviews have been left.
  7. Write a Review Button: Adds a clickable button that directs users to submit a review.
  8. Widget Position: Where on the screen is the widget displayed.
  9. Slider Interval: Set how many seconds each review stays visible before rotating. Available when using a carousel or slider layout

Appearance Tab: Choosing Themes and Colors

Control the overall visual style of your widget to align with your website’s branding:

  • Theme: Choose between Light, Dark, or a fully customizable option. Each theme provides a different default visual experience.

  • Font: Adjust the font family used in the widget to match your brand’s typography.

  • Color: If using the Custom theme, you can individually edit a wide range of color elements, such as background, borders, star rating, review text, buttons, and more.

Appearance Tab: Choosing Themes and Colors (image 6 of 10) What this shows Theme: Choose between Light, Dark, or a fully customizable option. What this shows Illustrates the "Appearance Tab: Choosing Themes and Colors" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Appearance Tab: Choosing Themes and Colors" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Theme: Choose between Light, Dark, or a fully customizable option. Each theme provides a different default visual experience. Font: Adjust the font family used in the widget to match your brand’s typography. Color: If using the Custom theme, you can individually edit a wide range of color…. Immediately after, the guide continues: Further refine your widget's behavior and what information is displayed for each review. Image 6 of 10 What to chooseTheme: Choose between Light, Dark, or a fully customizable option. Each theme provides a different default visual experience. Font: Adjust the font family used in the widget to match your brand’s typography. Color: If using the Custom theme, you can individually edit a wide range of color elements, such as background, borders, star rating, review text, buttons, and more. Next stepFurther refine your widget's behavior and what information is displayed for each review:
All 3 steps in this procedure
  1. Theme: Choose between Light, Dark, or a fully customizable option. Each theme provides a different default visual experience.
  2. Font: Adjust the font family used in the widget to match your brand’s typography.
  3. Color: If using the Custom theme, you can individually edit a wide range of color elements, such as background, borders, star rating, review text, buttons, and more.

Settings Tab: Fine-Tuning Widget Behavior

Further refine your widget's behavior and what information is displayed for each review:

  • Display Date: Toggle on to show the date each review was posted.

  • Display Reviewer Icon: Enable to display a reviewer avatar or initials next to each review.

  • Exclude Reviews Containing No Description: Filter out reviews that only include a rating but no written feedback.

  • Embed Code to Website: Click Copy Code to grab the auto-generated embed script. Paste this code into any HTML block on your website or funnel to display the widget

Settings Tab: Fine-Tuning Widget Behavior (image 7 of 10) What this shows Display Date: Toggle on to show the date each review was posted. What this shows Illustrates the "Settings Tab: Fine-Tuning Widget Behavior" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Settings Tab: Fine-Tuning Widget Behavior" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Display Date: Toggle on to show the date each review was posted. Display Reviewer Icon: Enable to display a reviewer avatar or initials next to each review. Exclude Reviews Containing No Description: Filter out reviews that only include a rating but no written feedback. Embed Code to Website…. Immediately after, the guide continues: Give your widget a meaningful name for easy reference. You can view all your saved widgets in the saved widgets tab. Choose to save your widget for later use or make it live immediately. Image 7 of 10 What to chooseDisplay Date: Toggle on to show the date each review was posted. Display Reviewer Icon: Enable to display a reviewer avatar or initials next to each review. Exclude Reviews Containing No Description: Filter out reviews that only include a rating but no written feedback. Embed Code to Website: Click Copy Code to grab the auto-generated embed script. Paste this code into any HTML block on your website or funnel to display the widget Next stepGive your widget a meaningful name for easy reference. You can view all your saved widgets in the saved widgets tab. Choose to save your widget for later use or make it live immediately.
All 4 steps in this procedure
  1. Display Date: Toggle on to show the date each review was posted.
  2. Display Reviewer Icon: Enable to display a reviewer avatar or initials next to each review.
  3. Exclude Reviews Containing No Description: Filter out reviews that only include a rating but no written feedback.
  4. Embed Code to Website: Click Copy Code to grab the auto-generated embed script. Paste this code into any HTML block on your website or funnel to display the widget

Saving, Naming, and Managing Your Widgets

Give your widget a meaningful name for easy reference. You can view all your saved widgets in the saved widgets tab. Choose to save your widget for later use or make it live immediately.

Saving, Naming, and Managing Your Widgets (image 8 of 10) What this shows Give your widget a meaningful name for easy reference. What this shows Illustrates the "Saving, Naming, and Managing Your Widgets" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Saving, Naming, and Managing Your Widgets" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Give your widget a meaningful name for easy reference. You can view all your saved widgets in the saved widgets tab. Choose to save your widget for later use or make it live immediately. Immediately after, the guide continues: You can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete. Image 8 of 10 What to chooseGive your widget a meaningful name for easy reference. You can view all your saved widgets in the saved widgets tab. Choose to save your widget for later use or make it live immediately.
Buttons and menus referenced Delete
Next stepYou can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete.

You can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete.

Saving, Naming, and Managing Your Widgets (image 9 of 10) What this shows You can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete. What this shows Illustrates the "Saving, Naming, and Managing Your Widgets" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Saving, Naming, and Managing Your Widgets" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: You can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete. Immediately after, the guide continues: Templates allow you to launch a beautifully styled review widget in seconds. These pre-built designs are especially helpful if you want a professional layout without manually customizing every element. Applying a template is quick and easy! Image 9 of 10 What this coversYou can also delete widgets you no longer require by clicking on the triple-dot menu at the widget's upper corner then clicking Delete.
Buttons and menus referenced Delete
Next stepTemplates allow you to launch a beautifully styled review widget in seconds. These pre-built designs are especially helpful if you want a professional layout without manually customizing every element. Applying a template is quick and easy!

Templates

Templates allow you to launch a beautifully styled review widget in seconds. These pre-built designs are especially helpful if you want a professional layout without manually customizing every element. Applying a template is quick and easy!

  1. Click the Templates tab at the top-right of the widget panel.
  2. Browse the list of available designs and click on any template to instantly apply that design to your review widget.

Once applied, you can continue customizing the widget just like any other—adjust layout, colors, fonts, or content to make it your own. Just clickthe blue Edit Widget button.

Templates (image 10 of 10) What this shows Once applied, you can continue customizing the widget just like any other—adjust layout, colors, fonts, or content to make it your own. What this shows Illustrates the "Templates" section of "Customizing Review Widgets in Reputation". This screenshot appears in the "Templates" section of "Customizing Review Widgets in Reputation". The text alongside this image reads: Once applied, you can continue customizing the widget just like any other—adjust layout, colors, fonts, or content to make it your own. Just clickthe blue Edit Widget button. Immediately after, the guide continues: Q: Can I embed multiple different review widgets on one website? Yes, but not using the "Review" block in the builder, which always displays your default widget. To embed multiple widgets in the same site, u se the “Embed Code” option to…. Image 10 of 10 What this coversOnce applied, you can continue customizing the widget just like any other—adjust layout, colors, fonts, or content to make it your own. Just clickthe blue Edit Widget button.
Buttons and menus referenced TemplatesEdit Widget
Next stepQ: Can I embed multiple different review widgets on one website? Yes, but not using the "Review" block in the builder, which always displays your default widget. To embed multiple widgets in the same site, u se the “Embed Code” option to copy the code for the desired widget. Then add the widget's code to your website using a "Code" block. Make sure you are using the dropdown to select the correct widget when copying the code. Repeat this for each widget you would like to add to the site.
All 2 steps in this procedure
  1. Click the Templates tab at the top-right of the widget panel.
  2. Browse the list of available designs and click on any template to instantly apply that design to your review widget.

Frequently Asked Questions

Q: Can I embed multiple different review widgets on one website?
Yes, but not using the "Review" block in the builder, which always displays your default widget. To embed multiple widgets in the same site, u
se the “Embed Code” option to copy the code for the desired widget. Then add the widget's code to your website using a "Code" block. Make sure you are using the dropdown to select the correct widget when copying the code. Repeat this for each widget you would like to add to the site.

Q: Will my widget update automatically when I receive new reviews?
Yes. The widget syncs with connected platforms such as Google and Facebook. New reviews will automatically appear in the widget based on the filters and display settings you've configured.

Q: Do review widgets work on non-GHL Customer Care websites?
Yes. Review widgets can be embedded on almost any website platform. Simply copy the Embed Code from the widget and paste it into a custom code block on your external site.

Q: Can I continue editing a widget after I add it to a site?
 Yes. You can edit the widget at any time—even after it's embedded. Changes you make in the widget builder (like layout, content, or styling) will automatically update on your site once you save the widget.

Q: Are the review widgets mobile responsive?
 Absolutely. All review widget templates and layouts are fully responsive and automatically optimized for mobile, tablet, and desktop viewing.


Was this guide helpful?

Related guides