Feedspace Home Dashboard

How to Create an Avatar Group Widget in Feedspace

Last updated on October 9, 2025

Overview

The Avatar Group widget in Feedspace displays the profile pictures (avatars) of your reviewers in a sleek and minimal circular layout. It’s ideal for showing social proof in a subtle, space-saving format on your homepage, footer, or testimonial sections.

How to Access

Step 1 – Log in to Feedspace

Go to your Feedspace Dashboard and log in using your credentials.

Step 2 – Navigate to Widgets

  • From the left sidebar, click on Share Reviews → Widgets.
  • Then select Avatar Group as your widget type.
Left Side Bar: Select Widgets

Step 3 – Select Reviews

Choose the reviews you want to include. The widget automatically extracts profile images (avatars) from each selected review.

Select Reviews Tab

Step 4 – Customize Widget Design

Click Customize to open the Widget Design Settings panel and configure the appearance.

Select Customize Tab

Branding

Step 5 – Manage Branding Options

If you’re on a Pro plan, you can toggle Remove Feedspace Branding to hide the Feedspace logo from the widget.

Widget Content Design

Step 6 – Display and Avatar Options

  • Show Avatar Border: Adds a border around each avatar.
    • Border Color: Customize the avatar border color (default #FFFFFF).
  • Display Review Date: Shows when each review was posted.
  • Display Review Ratings: Displays the star rating associated with the avatar.
  • Enable ‘Read More’: Adds a “Read More” link to trim longer review text when applicable.
  • Show Border: Adds a border around the widget area.
    • Thickness: Adjustable between 1px–5px.
    • Radius: Choose between Small, Medium, or Large corners.
    • Color: Default color is #E5E7EB.
  • Show Shadow: Optionally, enable this to give the widget subtle depth.

Color Settings

Step 7 – Customize Colors

Personalize your widget design with your brand palette:

  • Primary Text Color: #1f2937
  • Secondary Text Color: #6b7280
  • Card Background Color: #f9fbff
  • Card on Hover Color: #d3d5d8
  • Star Rating Color: #FACC15
  • Star Rating Border Color: #EAB308

Advanced Options

Step 8 – Add Custom CSS

If you’re on a Pro plan, toggle Add Custom CSS to apply your own styling, such as animation, border radius, or hover effects.

Step 9 – Review Order

  • Preview how the widget will look on your site.
  • Reorder reviews if needed under the Review Order tab.
Select Review Order Tab

Step 10 – Save and Embed

Once all settings are configured:

  1. Click Save & Next.
  2. Copy the embed code generated.
  3. Paste it into your website HTML or use your CMS integration (like WordPress, Webflow, or Wix) to publish.
Embed Widget to Your Website

The Avatar Group widget is perfect for showcasing reviewer identities in a subtle and elegant way. It’s great for minimal layouts, hero sections, or any page where you want to display social proof without taking much space.

You might also find helpful

How to Create a Widget in Feedspace

Overview Widgets in Feedspace allow you to showcase your collected reviews directly on your website. They are easy to set up, customizable, and come in different layouts to match your site’s design. This guide walks you through the steps to create your first widget and explains all the available widget...

How to Create a Masonry Widget in Feedspace

Overview The Masonry widget in Feedspace arranges your reviews in an elegant grid layout of varying card sizes, similar to Pinterest-style walls. It’s perfect for showcasing multiple reviews together while maintaining a modern, responsive design that automatically adjusts across devices. How to Access Step 1 – Log in to Feedspace...

How to Create a Strip Slider Widget in Feedspace

Overview The Strip Slider widget in Feedspace allows you to showcase your reviews in a single, horizontally scrolling line — perfect for website headers, footers, or testimonial sections that need a minimalist design. You can adjust autoplay speed, borders, and colors to match your brand style. How to Access Step...