The Avatar Blocks widget in Feedspace presents reviews in a structured block grid where each card places the reviewer’s avatar and testimonial side by side, creating a clean and organised layout that feels easy to scan. Because this widget is built around a multi-column grid structure, screen size has a direct impact on how the layout reads. On desktop the grid can comfortably spread across several columns, while on a phone screen the blocks must stack into a single column so each individual card stays readable and the avatar does not get squeezed out of view.
The widget editor provides Desktop and Phone preview toggles so you can simulate both screen sizes before the widget goes live on your site. Checking both views lets you catch any stacking or spacing issues in the Avatar Blocks grid and make design corrections while still inside the editor, rather than discovering them after the widget is already embedded.
Log in to your Feedspace account and click Widgets in the left sidebar under Share Reviews. Find your Avatar Blocks widget in the list and click the pencil (edit) icon on its card to open the widget editor.
Inside the widget editor, click the Customize tab. This opens the design settings panel alongside the live widget preview area. The Desktop and Phone toggle controls appear at the top of the preview panel on the right side of the editor.
Click the Desktop toggle at the top of the preview panel. The preview renders the Avatar Blocks widget at a full desktop viewport width. Check that the grid columns are evenly spaced, that each block card shows the reviewer avatar and testimonial text side by side as intended, and that card borders, star ratings, and reviewer names are all readable at this size.
Click the Phone toggle to switch to the mobile preview. Use this view to confirm that the Avatar Blocks grid stacks correctly into a single column on mobile and that each block remains easy to read. On a narrow phone screen, the multi-column desktop grid must collapse so that each card takes the full available width. Pay attention to whether the avatar stays proportional to the testimonial text beside it, whether card padding provides enough breathing room, and whether the full testimonial is visible without being clipped.
If either preview reveals a layout problem, use the design settings panel on the left to make corrections. For the Avatar Blocks widget, common adjustments include changing the avatar size, card padding, column count, or card background color. After each change, toggle between Desktop and Phone again to verify the fix works across both views before continuing.
Once both the Desktop and Phone previews look correct, click Save & Next to move to the embed step. Copy the generated embed code and paste it into your website to publish the Avatar Blocks widget.
Overview Feedspace’s Avatar Blocks widget displays your reviews in bold, grid-based cards where the reviewer’s profile picture takes centre stage. It’s a strong, visually balanced layout that works well on testimonial pages, pricing pages, and anywhere you want reviews to feel authentic and human. Step 1: Log in to Feedspace...
Overview Before embedding a widget on your website, it is a good idea to preview how it looks to visitors. Feedspace lets you open a live public preview of any widget directly from the widget editor, so you can verify the design, review layout, and overall appearance before going live....
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...