EchoBrain allows you to control exactly where your review widgets appear in your Fourthwall store. Whether it’s your Product Review Widget, General Review Widget, or Rating Badge, you can now visually select the placement without manually entering CSS selectors.

Follow this guide to quickly configure your widget placement.

1. Accessing the Widget Settings

1. Log into your EchoBrain Dashboard.
2. In the left-hand sidebar, click Widgets under the Reviews section.
3. Select the widget you want to configure:
   • Product Card Rating Badge
   • General Review Widget
   • Product Review Widget
   • Star Rating Badge

2. Enable the Widget Display

Inside the widget configuration screen:

• Check the Display Widget checkbox to enable the widget on your store.

3. Selecting Placement on Live Site

You will see the Select placement on live site button next to the placement settings.

To use this feature:

• Click Select placement on live site.

• Your Fourthwall shop will open in a new tab with placement edit mode enabled.

• Hover over the sections of your live store — you will see section highlight as you move your cursor. You will see little tabs in the top and bottom parts of the sections that you can click to set the placement for your review widget.

• Click on one of those tabs to set where you want to place the widget. You will see a quick notification at the bottom confirming your selection was saved. You will also see the widget show up in real time.

• Click on the “Return to dashboard” button at the bottom to return to your EchoBrain dashboard. The placement of your widget was saved successfully.

Note: If you see your widgets show up on your Fourthwall Site Designer, but when you go to your actual site (e.g. my-creator-shop.fourthwall.com or my-creator-site.com) your widgets aren’t there, it’s very likely that the EchoBrain script you added to your theme on your Fourthwall’s Site Designer might not be working correctly. If this happens, please contact us at info@echo-brain.com.

4. IMPORTANT: Shops in “Coming Soon” Mode

If your Fourthwall shop is currently in Coming Soon mode, there’s one crucial step:

You MUST be logged into your Fourthwall store’s admin (site designer) to access your store’s live pages and select the widget placement.

Here’s how to ensure this:

1. Open your Fourthwall Site Designer by going into your shop dashboard.
2. Log in using your Fourthwall admin credentials.
3. Click on “Site design” on the left-side bar.
4. Once logged in and in your Fourthwall Site Designer, return to EchoBrain and click Select placement on live site.

You will also see a clear reminder about this inside EchoBrain’s dashboard before starting placement selection:

Note: If you are logged into your Fourthwall shop dashboard in another tab, and you click on the “Select placement on live site” and you are not able to select where to place your widget, it’s likely that the EchoBrain script you added to your theme on your Fourthwall’s Site Designer might not be working correctly. If this happens, please contact us at info@echo-brain.com.

5. Check your changes

After going back to your EchoBrain dashboard, your placement will have been saved successfully.

Your widget will now display at your chosen spot!

You can always go to your actual live shop (without the parameters added at the end of the URL by EchoBrain) to check your widget is showing up exactly where you want it to.

If you want to change the placement of your widget, you can always go back to your EchoBrain dashboard, and repeat the steps above to set the new placement for your widget.

6. Important note regarding different widgets

With the new feature we just described you here, you can select the placement of all the widgets offered by EchoBrain on your live site. However, the way you are able to do so varies depending on what widget you are trying to set the placement for.

• Product Review Widget: This widget is meant to show up only on product pages, so you will only be able to set the placement of this widget within a product page. If, while in edit-mode, you navigate away from a product page, you will not be able to select the placement of this widget.
• Rating Badge: This widget is meant to show up only on product pages, so you will only be able to set the placement of this widget within a product page. If, while in edit-mode, you navigate away from a product page, you will not be able to select the placement of this widget.
• General Review Widget: This widget is meant to show up on any page of your site. So, you will be able to set the placement of this widget on ANY page of your shop. On edit-mode, you just need to navigate around your site until you get to the page you want to place your widget in, and select the placement for your widget.
• Product Card Rating Badge: This widget is designed to appear on every product page displayed on your website. You can configure its location within the page while in edit mode.

7. Using Multiple Product Templates in Fourthwall

Fourthwall lets you assign different product view templates to different products, so a hoodie’s page can have a different layout than a mug’s page. If your shop uses more than one product template, there’s one extra thing to know about widget placement.

Note: “Product view template” (Fourthwall’s product page layout) is a different thing from a widget’s “template” inside EchoBrain (e.g. Product Review Widget, General Review Widget) — these two just happen to share the word “template.”

Why your widget might not show up on every product

When you click Select placement on live site, EchoBrain remembers the exact spot you clicked on that specific product’s page. If another product uses a different template — with a different layout or different sections — that same spot may not exist there, so the widget simply won’t appear on that product.

For example, here’s a product using Fourthwall’s default template, with the widget showing up correctly in the spot we selected:

Now, here’s a different product using a custom template — notice the widget is nowhere to be found, even though it’s enabled and working on the product above:

This mostly affects the Product Review Widget and General Review Widget, since their placement is tied to the specific sections you have on that page. The Star Rating Badge and Product Card Rating Badge attach to Fourthwall’s built-in product elements, so they’re much less likely to need any extra setup here.

How to fix it: add a placement for each template

The good news is you don’t have to choose just one spot — EchoBrain lets you save more than one placement per widget, and it will automatically use whichever one matches the page your customer is viewing. To cover all your templates:

1. Go back to your EchoBrain dashboard and click Select placement on live site again for the affected widget.
2. This time, navigate to a product that uses the other template before choosing where to place your widget.
3. Click the spot where you want the widget to appear, just like before.

1. Repeat this for every distinct product template your shop uses.

You’ll see all your saved spots listed together (Placement 1, Placement 2, and so on) inside the widget’s settings, and you can remove any of them individually if you no longer need it.

Once you’ve added a placement for each template, your widget will show up consistently across your entire catalog — no matter which product page a customer lands on.

Final Thoughts

EchoBrain makes widget placement easy and intuitive, with no need to manually enter CSS selectors. Whether you want to show reviews under product descriptions, above the footer, or right after the product title — it’s just a click away.

Set up your review widget placement today and start driving more conversions!