---
title: Reviews Show with Elementor and Gutenberg
description: "## 1. Display Reviews Using Elementor ReviewScribe provides an Elementor widget that lets you add and customize your review showcase directly in the visual editor. ### Step 1: Open Elementor 1. From your WordPress dashboard, go to **Pages → All…"
url: "https://reviewscribe.com/docs/reviews-show-with-elementor-and-gutenberg/"
updated: "2026-10-25"
category: ReviewScribe Documentation
---

# Reviews Show with Elementor and Gutenberg

## 1. Display Reviews Using Elementor

ReviewScribe provides an Elementor widget that lets you add and customize your review showcase directly in the visual editor.

### Step 1: Open Elementor

1. From your WordPress dashboard, go to **Pages → All Pages**.
2. Select an existing page or create a new page.
3. Click **Edit with Elementor**.
4. Search for **ReviewScribe Showcase** in the Elementor widget panel.

### Step 2: Add the ReviewScribe widget

Drag the **ReviewScribe Showcase** widget into the section where you want your customer reviews to appear.

The review showcase will display reviews according to the selected layout and configuration.

### Step 3: Choose a showcase type

Under **Content → Widget**, select your preferred showcase type.

Available layouts include:

- **Review Carousel:** Display reviews in a sliding carousel.
- **Review Grid:** Arrange customer reviews in a structured grid.
- **Video Carousel:** Showcase video reviews in a carousel layout.
- **Floating Badge:** Display a floating review badge to highlight customer feedback.

![](https://reviewscribe.com/wp-content/uploads/2026/10/Screenshot-2026-10-25-at-5.46.34-PM-1024x437.png)

Choose the layout that best suits your page design and content.

### Step 4: Customize the grid heading

When using Review Grid, you can configure the heading fields:

- **Grid Title:** Add a heading, such as “Customer Reviews” or “What Our Customers Say.”
- **Grid Subtitle:** Add a short description to introduce your customer feedback.

For example:

**Title:** Customer Reviews

**Subtitle:** See what our customers are saying about their experience.

Leave these fields empty to use the default settings configured under **ReviewScribe → Showcase Reviews**, where applicable.

### Step 5: Configure which reviews appear

Expand the **Which Reviews** section to configure the reviews displayed in the showcase.

Choose the available review selection options to match your requirements. For example, you may want to display reviews relevant to a particular product or showcase your preferred customer feedback.

The available filtering options depend on the installed version of ReviewScribe.

### Step 6: Customize the review card

Use the review card and related content settings to configure how customer feedback is presented.

Depending on the available options, you can customize:

- Reviewer information.
- Review content.
- Star ratings.
- Verified purchase labels.
- Card appearance and colors.

### Step 7: Customize the design

Open the **Style** tab to adjust the widget's appearance, including the available typography, spacing, colors, and other design controls.

You can also use the **Advanced** tab for supported layout, positioning, and other Elementor settings.

### Step 8: Publish your page

1. Preview the showcase in Elementor.
2. Check the layout and appearance on desktop, tablet, and mobile.
3. Click **Publish** or **Update**.
4. Open the published page to confirm the reviews display correctly.

Your ReviewScribe showcase is now available on your website.

## 2. Display Reviews Using Gutenberg

ReviewScribe also supports the native WordPress block editor, allowing you to add a review showcase without using Elementor.

### Step 1: Open the Gutenberg editor

1. Go to **Pages → All Pages** in your WordPress dashboard.
2. Open an existing page or create a new one.
3. Click the **+** button to add a block.

### Step 2: Search for the ReviewScribe block

Search for **ReviewScribe Showcase** in the block inserter.

Select the block and add it to your page at the desired location.

### Step 3: Select the showcase type

Select the ReviewScribe block to open its settings in the right-hand sidebar.

Under **Block → Widget**, find the **Showcase Type** dropdown.

Choose the layout you want to display:

- Review Carousel
- Review Grid
- Video Carousel
- Floating Badge

![](https://reviewscribe.com/wp-content/uploads/2026/10/Screenshot-2026-10-25-at-5.52.16-PM-1024x435.png)

For a standard customer review section, select **Review Grid**.

### Step 4: Configure review display settings

Use the block settings in the right sidebar to customize your showcase.

The available settings may include:

- **Which Reviews:** Configure which reviews should appear.
- **Reviewer Info:** Control the reviewer information displayed.
- **Review Content:** Configure the presentation of review text.
- **Grid Heading:** Customize the grid title and subtitle.
- **Colors:** Adjust supported colors.
- **Advanced:** Configure additional supported settings.

For example, set the grid heading to “Customer Reviews” and choose the review information you want visitors to see.

### Step 5: Preview and publish

1. Preview the page to verify the layout.
2. Adjust the block settings as needed.
3. Click **Publish** or **Update**.
4. Visit the published page to confirm the showcase displays correctly.