Free Download

Gutenberg Testimonial Block Tutorial

Table Of Content

Introduction

Customer Testimonials speak louder than words and even louder than the company’s own business and actions. Taking great WordPress testimonials and integrating them into Premium Testimonials Block for Gutenberg editor will boost your reputation, ultimately improving sales revenue.

Visit Demo Page
Free Download

Requirements

To get this Gutenberg block on your WordPress website, make sure to install and activate the following plugin(s).

  • Premium Blocks for Gutenberg – The Free WordPress Plugin.
  • Recommended* Kemet Full-Site-Editing WordPress Theme.

How to Use Gutenberg Testimonial Block?

Once you’ve enabled Premium Blocks, the beginning is effortless just add Premium Testimonial Block to your Gutenberg editor. From there, you can easily customize its inner containers.

Gutenberg Testimonial Block General Settings

Gutenberg Testmonial Block supports inner blocks. You have the option to add more fields, including various types such as:

If you need to preview more information to your visitors, you can easily add extra fields to the testimonial block. Just click on the “+” icon and pick the type of field you want to include.

General Settings

  • Alignment: Control to align the testimonial text within the block. The icons represent left, center, and right text alignment options.
Gutenberg Testimonial Block general settings controllers.
Gutenberg Testimonial Block – General Settings

Gutenberg Testimonial Block Style Settings

Quotations

  • Size: A slider to adjust the size of the quotation marks.
  • Quotations Color: A color picker to select the color of the quotation marks.
  • Opacity: A slider to adjust the opacity level of the quotation marks, with a slider.
  • Top Icon Position: Input fields to set the top icon’s position in pixels, ems, or percent, affecting the spacing from the top, right, bottom, and left.
  • Bottom Icon Position: Input fields to set the bottom icon’s position, with individual adjustments possible for each side in pixels, ems, or percent.
Gutenberg Testimonial Block quotations style controllers.
Gutenberg Testimonial Block – Quotations Style

Container Style

  • Background Type: Select and customize the background type (solid color, gradient, image).
  • Box Shadow: Add and customize the box shadow effect.
  • Padding: Set padding values for the top, right, bottom, and left sides of the container.
Gutenberg Testimonial Block container settings for configuring background type, box shadow, and padding in Elementor.
Gutenberg Testimonial Block – Container Style

Need Further Help?

Have a question or need assistance? Our dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.

Contact Support
Facebook Group

About Leap13

Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.

Help Center

Global Features

Join Our Newsletter

Subscribe to our newsletter and be the first to know our latest updates!

Copyright © 2024 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks