---
title: "How to Add Facebook Badges in Elementor?"
url: https://theplusaddons.com/docs/add-facebook-badges-in-elementor/
date: 2023-10-28
modified: 2026-09-21
lang: en
author: "Aditya Sharma"
description: "A Badge is the compact alternative to a wall of review cards. Instead of listing individual reviews it shows one block summarising the rating, with a recommendation line and buttons...."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Facebook-Badges-in-Elementor_-1024x536.jpg
word_count: 897
---

# How to Add Facebook Badges in Elementor?

## 

- 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.
- Social Reviews switches from Reviews to Badge by changing Type to Badge, which replaces most of the panel and hides Review Option, Columns Manage, Filter Option, and Load More/Lazy Load.
- Facebook badge setup requires Elementor, a Facebook Page, an Access Token, and that page's id in Page/Place Id, while the server must make outbound HTTPS requests.
- Badge Options expose editable text such as Postfix Content, Prefix Content on Style-1, Recommended By People, Would You Recommend, YES and NO buttons, and Show Icon for the Facebook icon.

A **Badge** is the compact alternative to a wall of review cards. Instead of listing individual reviews it shows one block summarising the rating, with a recommendation line and buttons.

The same **Social Reviews** widget does both. Switching **Type** from **Reviews** to **Badge** replaces most of the panel.

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.- **Prerequisite:** a Facebook **Page**, an **Access Token** for it, and that page's id for the **Page/Place ID** field.- **Prerequisite:** your server must be able to make outbound HTTPS requests. Facebook and Google are called **server-side** while the page renders, not by the visitor's browser.

## Add the badge

- Edit the page with Elementor and drag the **Social Reviews** widget onto it.- In **Content > Content**, set **Type** to **Badge**, then pick one of the three **Style** pictures.- Set **Source** to **Facebook**.- Click **Generate Access Token**, sign in and choose your page. The token lands in **Access Token** and the page id in **Page/Place Id**. You can also paste both in by hand.- Optionally change the badge title in the **Facebook Review** field. It starts as **Facebook Reviews**.

![Generating the Facebook access token for a badge.](https://theplusaddons.com/wp-content/uploads/2023/10/social-reviews-facebook-badge.gif)

## Badge Options

Everything the badge says is editable under **Content > Badge Options**.

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Postfix Content** | The text after the figure. | **Recommended By** |
| **Prefix Content** | The text before it. Only available on **Style-1**. | **People** |
| **Show Recommended** | Shows the recommendation line at all. | on |
| **Prefix Content Text** | The question above the buttons. | **Would You Recommend** |
| **(Single | Multiple) Button** | Shows the recommendation buttons. | on |
| **First Button** | The first button's label. | **YES** |
| **Second Button** | The second button's label. | **NO** |
| **Show Icon** | Shows the Facebook icon on the badge. | on |

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

## How It Behaves

- **The badge is one block, not a list.** There is no layout, no columns and no filter — those sections only exist when **Type** is **Reviews**.- **It is fetched on your server and cached.** The badge has its own **Refresh Time** under its own **Extra Options** section, defaulting to **1 day**.- **A badge that cannot connect still draws itself.** It keeps the avatars and the **Recommended By People** wording, and puts a bare HTTP number in the corner with **Something Wrong** where the rating belongs.

![What a badge shows when the credential is missing or wrong.](https://theplusaddons.com/wp-content/uploads/2026/09/socialreviews-badge-error.webp)

## Limitations

- **A badge that cannot reach its source still draws itself.** With a bad Facebook token the badge renders its normal chrome — the avatars and **Recommended By People** — with a bare **400** in the corner and **Something Wrong** where the rating belongs. With a bad Google key the provider's status lands *inside* the wording, so it reads **Recommended By REQUEST_DENIED People**. A badge showing a number or **Something Wrong** means the credential failed.- **There are two sections called Extra Options.** One appears when **Type** is **Reviews** and one when it is **Badge**, and each has its own **Refresh Time**. Setting one does not set the other.- **Reviews are fetched on your server, and cached.** Nothing is requested from the visitor's browser, so a source that works on one host can fail on another that blocks outbound requests. **Refresh Time** (default **1 day**) decides how often the request is repeated.- **The badge field is spelled Page/Place Id here.** In the **Social Reviews** repeater the same field is **Page/Place ID**. They are different controls in different sections, not a typo on this page.

## Not verified

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

- **A wall of real Facebook reviews.** This page was checked without ever entering a real access token, API key or place id, so what the finished Facebook 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 Generate Access Token button.** The Facebook login popup, and whether it really fills **Access Token** and **Page/Place ID** for you, needs a real Facebook account and was not exercised.- **The badge with real numbers in it** — the rating, the recommendation count, and whether the **YES** and **NO** buttons do anything when clicked.- **Performance, Save Data and Delete All Transient.** The cached path was never exercised — what is written here comes from the panel's own notes and defaults.- **The Style tab.** Only the three content **Style** presets were rendered; no colour, typography or per-source styling control was exercised.

## Troubleshooting

### The badge shows a number and Something Wrong

That number is an HTTP status from Facebook, and it means the credential failed. Check **Access Token** and **Page/Place Id** in **Content > Content**.

### Most of the panel disappeared

That is expected. **Type** is set to **Badge**, so **Review Option**, **Columns Manage**, **Filter Option** and **Load More/Lazy Load** are all hidden.

### I changed Refresh Time but nothing happened

There are two sections called **Extra Options**, one for each **Type**. Make sure you changed the one showing while **Type** is **Badge**.

### Prefix Content is missing

It only exists on **Style-1**. Switch the badge **Style** back if you need it.

## Related Docs

- [Social Reviews Widget Settings Overview](https://theplusaddons.com/docs/social-reviews-widget-settings-overview/)- [How to Add Google Badges in Elementor?](https://theplusaddons.com/docs/add-google-badges-in-elementor/)- [How to Add Facebook Reviews in Elementor?](https://theplusaddons.com/docs/add-facebook-reviews-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before I can add Facebook badges in Elementor?**
A: The badge setup depends on a few hard requirements: The Plus Addons for Elementor Pro, Elementor free, a Facebook Page, an Access Token, and that page’s id for the Page/Place Id field. The widget also needs outbound HTTPS requests from your server because Facebook is called server-side while the page renders. If the host blocks outbound requests, the badge can fail even when the page itself loads normally.

**Q: Why does the Social Reviews panel shrink when I switch to Badge?**
A: Badge mode is intentionally compact. It turns the Social Reviews widget into one block that summarizes the rating instead of a wall of review cards, so layout controls like columns and filters disappear. That is normal behavior in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH because those controls only exist when Type is set to Reviews.

**Q: What is the difference between Badge and Reviews in Social Reviews?**
A: Reviews shows a wall of individual review cards, while Badge shows a single summary block with the rating and recommendation line. That difference matters because Badge hides most of the review layout controls and uses its own Extra Options section with its own Refresh Time. If you want a compact summary instead of a list, Badge is the right mode.

**Q: Why does my Facebook badge show a number and 'Something Wrong'?**
A: That number is an HTTP status from Facebook, which means the credential failed. In practice, the usual culprits are an invalid Access Token or a wrong Page/Place Id in Content > Content. The badge still renders its chrome, but the rating area breaks because the server-side request could not complete cleanly.

**Q: Why didn’t changing Refresh Time update my Facebook badge?**
A: Badge and Reviews each have their own Extra Options section, and each section has its own Refresh Time. If Type is set to Badge, changing the Reviews refresh setting will not affect it. The badge cache defaults to 1 day, so this is one of those settings that only changes behavior in the active Type.

**Q: Can I use Facebook badges if my server blocks outbound requests?**
A: That setup is risky because Social Reviews fetches Facebook on your server, not in the visitor’s browser. The page notes that something can work on one host and fail on another host that blocks outbound requests. In other words, server access matters as much as the token itself when you add Facebook badges in Elementor.