Skip to main content
Review Widgets

Customizing Your Widget: Design and Settings

Learn what every tab in the widget editor does, from sources and header to style and custom CSS.

Written By ProofBeer

Last updated 15 days ago

The widget editor at a glance

Open any widget with Configure to see the Customize Widget editor. Tabs on the left control the widget. A live preview on the right shows every change immediately.

  • Status: switch between Active and Inactive at the top.

  • Preview: toggle Sample Data or Live Data to see demo or real reviews.

  • Device sizes: preview on desktop, tablet and mobile.

  • Install, Discard and Save: add the widget to your site, undo changes or save them.

Sources tab

Choose where the widget gets its reviews.

  • Tick one or more connected sources, such as a Feedback Form or Google Places.

  • Use the search box to find a source quickly.

  • Click Select All to use every source.

  • The preview shows how many live reviews will appear.

Header tab

  • Show Widget Title and Title Text: for example Customer Reviews.

  • Show Caption and Caption Text: a short line such as Real feedback from real customers.

  • Header Alignment: Left, Center or Right.

  • Overall Rating Summary: shows your score, star icons and review count.

  • Call-to-Action Button: add a button that invites visitors to take action.

Layout tab

Options depend on the widget type. The Grid widget offers:

  • Layout Mode: Grid or List View.

  • Desktop Columns: 1, 2, 3 or 4 columns.

  • Item Spacing: the gap between review cards.

  • Show Load More Button and its label, for example Load More Reviews.

Post tab

Decide what each review card shows.

  • Reviewer name, photo and initials fallback.

  • Star ratings and review date.

  • Verified badge and platform icon or logo.

  • Review body text and an optional decorative quote icon.

  • Sort Reviews By: for example Most Recent First.

  • Filter by Minimum Rating: show only your best reviews.

Style tab

  • Theme Preset: start from Light (Default) or another preset.

  • Font Family: choose the font that matches your brand.

  • Card and Content Colors: star rating, card background, border, reviewer name, review text and date colours.

Settings tab

  • Widget Name: an internal name to find the widget in your dashboard.

  • Widget Status: active and live for public embeds, or off.

  • Limit Number of Reviews: cap how many reviews are displayed.

  • Hide Empty Reviews: skip reviews that have no text.

  • Custom CSS Overrides: advanced styling for developers.

Tips

  • Switch to Live Data in the preview to see exactly what visitors will see.

  • Use a minimum rating filter to highlight your best feedback.

  • Always click Save, otherwise your changes are lost.

Frequently asked questions

Do changes appear on my website right away?

Yes. After you click Save, the embedded widget updates automatically without changing the code.

Why do some options differ between widget types?

Each layout has its own controls, for example columns for Grid or slide settings for sliders.