---
title: "How to Show Social Reviews in Masonry Grid Layout in Elementor?"
url: https://theplusaddons.com/docs/show-social-reviews-in-masonry-grid-layout-in-elementor/
date: 2023-10-28
modified: 2026-09-21
lang: en
author: "Aditya Sharma"
description: "Reviews are rarely the same length. In the Grid layout every row is as tall as its tallest card, so short reviews leave gaps underneath them. Masonry packs the cards..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Show-Social-Reviews-in-Masonry-Grid-Layout-in-Elementor_-1024x536.jpg
word_count: 822
---

# How to Show Social Reviews in Masonry Grid Layout in Elementor?

## 

- The Plus Addons for Elementor Pro ships Social Reviews only in the Pro edition, and the free plugin has no widget file, CSS, or JavaScript for it.
- Masonry packs Social Reviews cards by height, so each column fills independently and short reviews do not leave gaps under them like Grid does.
- Columns Manage sets the Masonry columns with labels such as Column 4, Column 3, and Column 2, and Column 4 gives four cards across even though the stored value is 3.
- Text Limit is on by default at 100 characters, so longer reviews end in ...Show More until Content > Extra Options turns it off.

Reviews are rarely the same length. In the **Grid** layout every row is as tall as its tallest card, so short reviews leave gaps underneath them.

**Masonry** packs the cards by height instead, so each column fills as it goes and the wall ends up tighter.

For the full settings tour of the **Social Reviews** widget, see [Social Reviews Widget Settings Overview](https://theplusaddons.com/docs/social-reviews-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/reviews-wall/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — **Social Reviews** ships only in The Plus Addons for Elementor Pro. The widget does not exist in the free plugin at all: no widget file, no CSS and no JavaScript, so there is nothing to fall back to.- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Social Reviews** and turn its toggle on.- **No account needed:** the **Manual** source needs no token, no key and no login. It is the one source you can use straight away.

## Switch to Masonry

- Edit the page with Elementor and drag the **Social Reviews** widget onto it.- In **Content > Content**, leave **Type** on **Reviews** and choose a **Style**.- Set **Layout** to **Masonry**.- Add your reviews under **Social Reviews**, from whichever sources you want.- Set the columns under **Content > Columns Manage** — the same section the Grid layout uses.

![The Content section: Type, Style and the Layout dropdown.](https://theplusaddons.com/wp-content/uploads/2026/09/socialreviews-content-panel.webp)

## Columns Manage

| Setting | Default label | What it means |
| ------- | ------------- | ------------- |
| **Desktop Column** | **Column 4** | four cards across |
| **Tablet Column** | **Column 3** | three across |
| **Mobile Column** | **Column 2** | two across |
| **Columns Gap/Space Between** | 15 px on every side | px, % or em |

> *As in the Grid layout, choose by the label you can see. **Column 4** gives four columns even though the stored value is 3.*

## How It Behaves

- **Masonry and Grid are the same markup with a different packing rule.** The widget renders the identical card structure and swaps one wrapper class, so everything you set for one layout carries over to the other.- **Cards no longer line up in rows.** Each column fills independently, so a short review is followed immediately by the next one instead of by a gap.- **Masonry suits mixed sources.** Facebook, Google and manual reviews rarely produce cards of the same height, and this is the layout that copes with that.

![The same six reviews in the Masonry layout.](https://theplusaddons.com/wp-content/uploads/2026/09/socialreviews-masonry.webp)

![A masonry wall of reviews on the published page.](https://theplusaddons.com/wp-content/uploads/2023/10/social-reviews-masonry-demo.png)

## Limitations

- **The column dropdown labels are inverted against the value they store.** Picking **Column 4** gives you four across; the widget stores `3`. Go by the label you can see, not by any number you may have seen in exported data.- **Three sections disappear in the Carousel layout.** **Columns Manage**, **Filter Option** and **Load More/Lazy Load** are all skipped when **Layout** is **Carousel**. The carousel has its own column settings under **Style > Carousel**.- **Review text is truncated out of the box.** **Text Limit** is on by default with **Limit Count** at **100** characters, so longer reviews end in **...Show More** before you change anything. Turn **Text Limit** off under **Content > Extra Options** to show reviews in full.- **Load More and Lazy Load do not currently load anything.** On a published page with six manual reviews, **Maximum Posts Display** at 3 and **More Post Loading** set to **Load More**, clicking the button left the count at three, changed the button to **Loading...** permanently and raised a JavaScript error. **Lazy Load** likewise never went past the initial count. No credential was involved, so this is not an API problem. Until it is fixed, show every review you want visible.- **Masonry needs the cards to differ in height to look different from Grid.** If **Text Limit** is trimming every review to the same length, the two layouts will look almost identical.

## Not verified

So you know exactly what has and has not been checked:

- **A wall of real Facebook or Google reviews.** This page was checked without ever entering a real access token, API key or place id, so what the finished Facebook or Google feed looks like once connected was not observed for this revision. Everything below that does not need a credential was checked on a published page.- **The Style tab.** Only the three content **Style** presets were rendered; no colour, typography or per-source styling control was exercised.- **The tablet and mobile column settings individually.**

## Troubleshooting

### Masonry looks the same as Grid

Your cards are all the same height. **Text Limit** is on by default at 100 characters, which evens them out. Raise **Limit Count** or turn it off under **Content > Extra Options** and the difference will show.

### The cards overlap or stack strangely

Masonry positions cards with JavaScript after the page loads. Check the browser console for an error from another plugin or from a lazy-loading script, and re-check on the published page rather than in the editor.

### Columns Manage has disappeared

**Layout** is on **Carousel**, not **Masonry**.

## Related Docs

- [Social Reviews Widget Settings Overview](https://theplusaddons.com/docs/social-reviews-widget-settings-overview/)- [How to Show Social Reviews in Grid Layout in Elementor?](https://theplusaddons.com/docs/show-social-reviews-in-grid-layout-in-elementor/)- [How to Show Social Reviews in Carousel Slider in Elementor?](https://theplusaddons.com/docs/show-social-reviews-in-carousel-slider-in-elementor/)- [How to Create a Multi-Social Media Wall Review in Elementor?](https://theplusaddons.com/docs/create-a-multi-social-media-wall-review-in-elementor/)

## Frequently Asked Questions

**Q: Why do social reviews look tighter in Masonry than in Grid layout?**
A: Masonry packs cards by height instead of forcing every row to match the tallest card. That matters when review lengths vary, because Grid leaves gaps under shorter cards while Masonry lets the next card move up immediately. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses the same card structure in both layouts, so the difference is mostly how the cards are packed, not how the content is built.

**Q: What do I need before using Social Reviews in Masonry layout?**
A: The widget is part of The Plus Addons for Elementor Pro, so the Pro edition has to be installed and activated. Elementor free also needs to be installed and active. Social Reviews must be enabled under The Plus Addons > Widgets before it appears in Elementor. One useful detail: the Manual source needs no token, key, or login, so it is the quickest way to start testing the layout.

**Q: How do I make social reviews display in a masonry grid instead of a regular grid?**
A: Set the Social Reviews widget layout to Masonry inside Elementor, then manage your review sources and column count from the same widget settings used by Grid. The key difference is that Masonry uses height-based packing, so mixed-length reviews fill downward more naturally. That makes it a better fit when you are combining Facebook, Google, and manual reviews that do not all end up the same height.

**Q: Why does Masonry look almost identical to Grid on my page?**
A: The most common reason is that every card has ended up the same height. Text Limit is on by default at 100 characters, so it can trim longer reviews and make different cards look more uniform than they really are. Raising Limit Count or turning Text Limit off under Content > Extra Options usually makes the Masonry effect obvious again because the cards stop lining up so evenly.

**Q: Why are my social review cards overlapping or stacking strangely in Masonry?**
A: Masonry positions cards with JavaScript after the page loads, so another plugin error or a lazy-loading script can break the placement logic. That is why this kind of issue often shows up only on the published page and not inside the editor. Checking the browser console for errors is useful here because one script conflict can throw off the whole wall.

**Q: What should I use instead of Columns Manage when Layout is set to Carousel?**
A: Nothing from Columns Manage applies in Carousel layout because those controls disappear there. The page says Columns Manage, Filter Option, and Load More/Lazy Load are skipped when Layout is Carousel, and Carousel has its own column settings under Style > Carousel. That means if you cannot find Columns Manage anymore, it usually means the widget is no longer on Masonry.