Wait! Are you leaving?

Try Gutenix subscription for Free !

  • +6 Free templates for Elementor and Brizy
  • Free Gutenix theme
  • Warm hugs from Gutenix team!

Review Block in Gutenberg and How to Build it on Website

ABOUT THE AUTHOR

I’m the SEO specialist at Webcodebuilder and ZEMEZ, companies that create templates powered by Gutenberg WordPress editor and Elementor page builder . We also have ZeGuten multipurpose plugin, which expands Gutenberg's possibilities.

How to Build a Services Section in Gutenberg
Prew post
  • Mar 12, 2020
  • 3 min read
  • 560

Review Block in Gutenberg and How to Build it on Website

In any business, whether you sell something or have an independent gallery, it’s essential to gain the trust of your clients and visitors. The process of building a reputation can last for months. That is why a simple and vivid Review block in Gutenberg on a website, especially a landing, is important. Lucky you! The Gutenberg editor provides you with all the necessary tools.

To create a simple static reviews section, web design WordPress features has a bunch of instruments. As a first step, you need to add a Cover block. It will work as a parent block for the whole structure. Set background and apply full width layout.

Customizing a Review Block

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

Any More Ways How to Create a Testimonial Section in Gutenberg?

There surely is. If you are craving for 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

Main 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

Now you check up the tutorial on how to edit the testimonial block by Getwid.

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

6
Appreciate
WordPress Contact Form Example and Building a Get in Touch Block
Next post
How to Build a Services Section in Gutenberg
Prew post
WordPress Contact Form Example and Building a Get in Touch Block
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.
Subscribe to get the news from Gutenix! Be the first to know of updates & discounts!
Enter a valid email!
Server error. Please, try again later!
Form was successfuly submited!
Follow Us:
Copyright © 2020 Gutenix. All Rights Reserved.