How to Build a Review Block in the Gutenberg Editor?

ABOUT THE AUTHOR

The girl who writes better than she talks. Web trends hunter, passionate traveler, Reese's lover.

A Roundup of Best WordPress Appointment Plugins (2024)
Prev post
  • Jan 13, 2021
  • 4 min read
  • 5,880

How to Build a Review Block in the Gutenberg Editor?

Whether you own a website to sell products or provide services, your customer’s trust is everything. 

The process of building a reputation can last for months. A simple and vivid Review block for your Gutenberg website, especially a landing, is an effective way to increase the reliability of your website. 

Luckily for you, the Gutenberg editor has all the tools to create a simple yet beautiful static reviews section.

In the next tutorial, you will learn how to review or testimonial sections with a help of:

  1. Getwid Blocks plugin.
  2. Basic Gutenberg blocks.

Building Testimonial Section With Getwid

If you are craving advanced design, more complex layouts, and exquisite styling, go for the Testimonial Section block offered in Getwid WordPress Content Blocks. Overall, Getwid is a collection of 40+ multipurpose block and 35+ ready-to-go designs – all of it offered at no cost in one WordPress plugin.

Getwid Testimonial Gutenberg Block

The Testimonial block by Getwid offers a great block review template to generate beautiful testimonials conveniently in a visual mode.

Click to create a block to see the section for importing the image, space for writing a heading, subtitle, and main text (testimonial):

Testimonial block by Getwid

When you fill in the needed content, your WordPress Gutenberg review section will look like that:

Wordpress Gutenberg review section

Moreover, you utilize the testimonial layout for other content purposes, for instance, when posting employees’ profiles or any kind of remarks/comments.

If you are familiar with CSS, you may use one to create exquisite testimonials design:

Getwid Testimonials Design

More benefits of Getwid:

  • Extra 40+ multipurpose blocks (the largest free block collection so far)
  • 35+ pre-made designs
  • Extensive attributes for each block
  • Automatic style adjustment
  • Real-time customization
  • Compatibility with each WordPress theme

View the Getwid Demo.

Download Getwid Gutenberg Blocks Free.

Making Block Reviews With Basic Gutenberg Blocks

It’s also possible to create a testimonial section using a few standard Gutenberg blocks. 

First of all, you will need to add a Cover block. It will work as a parent block for the whole structure. Set background and apply a full-width layout.

add background for Review Block in Gutenberg

As you’ve already learned from our Cover block overview, you can make a background and set the horizontal and vertical positions for it. Then let’s add an eye-catching heading.

set the position

One of the most important elements of the review section on the website is the block, where information about reviewers.

We will add two horizontal columns for two testimonials. Let’s also set minimal height for the Trustworthiness block.

add two columns inside Review Block

To introduce people, who had a deal with you or have used your services, you have to add their photos. In this tutorial, we will use Media and text block, because you need to showcase both a photo and an occupation and it will do the job.

add reviewers

After you’ve uploaded and customized a photo element, you may add the position of the reviewer.

add occupation

Let’s do the final steps of building a review section on website. Click on the Heading block and insert one more block after it. Add two columns above the previously created structure and add a Paragraph block inside each of them. Almost done! Now, fill the paragraphs up with the reviews and customize text and images, if necessary.

add a review in Review Block

Congratulations! Now you know how to build a neat and stylish review section on any website.

10
Appreciate
12 Best WordPress Appointment Templates in 2024
Next post
A Roundup of Best WordPress Appointment Plugins (2024)
Prev post
12 Best WordPress Appointment Templates in 2024
Next post

Get Gutenix Subscription

Create unlimited Gutenberg, Brizy and Elementor websites with dozens of templates, premium blocks and a lightweight theme — all in one toolkit!

Meet Gutenix, the devoted team of developers that stands behind many projects created with Elementor & Gutenberg. We're inspired by WordPress, and are always looking for an opportunity to make WordPress easier for everyone.
Copyright © 2024 Gutenix. All Rights Reserved.