--- title: "How to Show Social Reviews in Grid Layout in Elementor?" url: https://theplusaddons.com/docs/show-social-reviews-in-grid-layout-in-elementor/ date: 2023-10-28 modified: 2026-09-21 lang: en author: "Aditya Sharma" description: "Grid is the default layout of the Social Reviews widget. Every card sits in a row of equal-height cells, which suits reviews of a similar length. The number of cards..." image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Show-Social-Reviews-in-Grid-Layout-in-Elementor_-1024x536.jpg word_count: 787 --- # How to Show Social Reviews in Grid Layout in Elementor? ## - Social Reviews uses Grid as the default layout, and each row aligns to the tallest card, which suits reviews of similar length. - Columns Manage sets the number of cards per device, with Desktop Column 4, Tablet Column 3, and Mobile Column 2. - The Plus Addons for Elementor Pro ships Social Reviews only in the Pro edition, and the widget does not exist in the free plugin at all. - Text Limit is on by default at 100 characters, so longer reviews end in ...Show More until Content > Extra Options turns it off. **Grid** is the default layout of the **Social Reviews** widget. Every card sits in a row of equal-height cells, which suits reviews of a similar length. The number of cards across is set per device under **Columns Manage**. 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. ## Set up the grid - 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 **Grid**. It is already the default.- Add your reviews under **Social Reviews** — from Facebook, from Google, or typed in with the **Manual** source.- Open **Content > Columns Manage** and set the columns per device. ![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 | the gap between cards; px, % or em | > *Go by the label, not by any stored number. The dropdown values are inverted against the labels, so **Column 4** is four columns even though the value behind it is 3.* ## How It Behaves - **Cards are laid out in rows.** Six reviews at three per row came out as two even rows on the published page.- **Rows align to the tallest card in them.** That is the difference from **Masonry**, which packs cards by height instead.- **The column settings are per device**, and they apply to the widget, not to the Elementor container around it. ![Six manual reviews in the Grid layout, three per row.](https://theplusaddons.com/wp-content/uploads/2026/09/socialreviews-grid.webp) ![A grid of reviews on the published page.](https://theplusaddons.com/wp-content/uploads/2023/10/social-reviews-grid-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. ## 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.** Only one 390 px load was checked; the breakpoints were not stepped through. ## Troubleshooting ### I set Column 4 but get a different number of columns Check you changed **Desktop Column** and not the tablet or mobile one, and remember the label is what counts. Also check the width of the Elementor container — a narrow container wraps the cards regardless. ### The Columns Manage section is not there **Layout** is set to **Carousel**. Columns for a carousel live under **Style > Carousel** instead. ### The cards have uneven whitespace at the bottom Grid rows align to their tallest card. If your reviews vary a lot in length, **Masonry** will look tidier. ## Related Docs - [Social Reviews Widget Settings Overview](https://theplusaddons.com/docs/social-reviews-widget-settings-overview/)- [How to Show Social Reviews in Masonry Grid Layout in Elementor?](https://theplusaddons.com/docs/show-social-reviews-in-masonry-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 Add Reviews Manually in Elementor?](https://theplusaddons.com/docs/add-reviews-manually-in-elementor/) ## Frequently Asked Questions **Q: What do I need before showing social reviews in a grid layout in Elementor?** A: The Social Reviews widget is part of The Plus Addons for Elementor Pro, so the Pro edition has to be installed and activated first. Elementor free also needs to be active, and the widget itself must be enabled under The Plus Addons > Widgets. One useful shortcut is the Manual source, which needs no token, key, or login, so it is the fastest way to test the grid before connecting Facebook or Google reviews. **Q: How do I make social reviews display in a grid instead of another layout?** A: Grid is the default layout for the Social Reviews widget, so the main job is setting up the widget and choosing how many cards appear per device. In Elementor, add Social Reviews, keep Type on Reviews, pick a Style, and leave Layout on Grid. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this default grid behavior so reviews sit in equal-height rows instead of being packed by height like Masonry. **Q: Why does Column 4 show a different number of cards than I expected?** A: The column labels are inverted against the stored values, so you have to trust the label you see rather than the number behind it. Column 4 means four cards across on desktop even though the stored value is 3. That mismatch is easy to misread when exporting or comparing settings, so check the visible label first and then confirm you changed Desktop Column rather than tablet or mobile. **Q: Why is the Columns Manage section missing in my Social Reviews widget?** A: Columns Manage disappears when Layout is set to Carousel. In that mode, column control moves to Style > Carousel instead, because carousel uses its own layout settings. That matters if you are switching between grid and slider views in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH: grid uses Columns Manage per device, while carousel does not. **Q: Should I use Grid or Masonry for reviews with very different lengths?** A: Grid works best when your reviews are similar in length because each row aligns to the tallest card in that row. If one review is much longer than the others, you can end up with uneven whitespace at the bottom of shorter cards. Masonry looks tidier for mixed-length content because it packs cards by height instead of forcing even rows. **Q: Why are my social review cards leaving uneven space at the bottom?** A: Uneven bottom space usually comes from Grid row behavior. Each row stretches to match its tallest card, so shorter reviews leave blank space underneath them. That is normal for this layout and it is why Masonry can look cleaner when review lengths vary a lot. If you want a more compact visual flow, switch to Masonry; if you want clean rows, keep Grid.