In this tutorial, we are going to Create Testimonial Section in GenerateBlocks. Basically, we use Testimonials to showcase what our customers/clients are saying about our Website/Products.
Moreover, in this guide, you will learn
- What is Testimonial Page?
- Adding Testimonials Section in our Page.
- Why GenerateBlocks to Create Testimonials?
- so on…
What is Testimonial Page?
Testimonial Page is a section on a website where you showcase what your happy customers and clients are saying about your website/products/services. It is the best idea to reflect positive reviews as testimonials help other users to know more about your offering & about your happy customers and furthermore, new users can be your customers/clients.
Here we are going to user powerful block i.e. GenerateBlocks to create testimonial sections in Gutenberg editor. The reason to use Generateblocks on our website is that it is a lightweight and super-fast plugin that can almost accomplish anything.
Create Testimonial Section in GenerateBlocks – Steps by Step Guide
I assume you have already installed GenerateBlocks on your WordPress Website. If not then visit Plugins > Add New, search GenerateBlocks, Install and activate the plugin.
I am going to show Testimonials on a page, follow the steps. You can add testimonials on your desire page or post.
1. Create a Container for Testimonial
Let’s create a full-width container using Container Block using Generateblocks. First, go to your page and click on Add Block and Choose Container.
Now enable a Set Full-Width Content for Container. Furthermore, go to Colors and Choose a Background Color, whatever you like to set. Here I am using #4d4595 hex code. Leave other settings as it is.
2. Add a Testimonial Headline
Now it’s time to set a Testimonial Headline. so inside a container click on Add Block and Select Headline (not Headings) and write a headline with aligning the text to the center. Also, Choose the text color that matches your background color.
3. Choose a Testimonial Grid
Here we are going to show 4 testimonials so we are going to use 4 Grids in our Container just below the headline. Now Add a Block just below the headline and Choose Grid.
For the first Grid, we are choosing the first half grid of 75% width (left side) and other as 25% (right side). On the left side, we are going to add a paragraph and on the right side, we are going to add our customer photo.
For paragraph, choose Headline block, and select element as paragraph and write a testimonial aligning the text to right.
Now on the right side, you have to upload the client image, Click on the image block and select image from Media Library. The image has to be small. Furthermore, align the image to the center and choose the image style as rounded.
Moreover, Add a Paragraph from Headline block just below the image to add client name, website, etc aligning the paragraph to center.
For the second Grid, we are choosing the first half grid of 25% width (left side) and other as 75% (right side).
On the left side, add client image, name, website similarly as in first Grid aligning center. On the right side add testimonal aligning to the left similary as in first grid.
For the third Grid, we will go the same as the first grid. Follow the same process as in the first grid.
For the fourth Grid, we will go the same as the second grid. Follow the same process as in the second grid.
This is how testimonial section in Generateblocks look like…
Also Read: Create Subscription Box in GenerateBlocks
This is how you can create testimonial section in GenerateBlocks easily. You can show testimonial anywhere just like on a homepage or in a specific testimonial page.
Basically, homepage is the best place to display testimonials as visitors can see positive reviews about your business and get impressed in the first place.
Moreover, you can find GenerateBlocks tutorials here at my site.
If you have feedback then please feel free to comment below.