The Testimonial block is a versatile tool designed to enhance the credibility of products or services by showcasing customer feedback. It can be integrated into various sections such as Collage, Testimonials, Slideshow, Multicolumn, Product Information, and Featured Product. This block allows users to display a customer rating, a quote, and the source of the testimonial, with the option to link to a related product for a comprehensive view of customer satisfaction.

Key settings include the ability to set a customer rating from 0 to 5, customize the testimonial content with rich text, specify the source, and choose an image style. The image style options include default, rounded corners, and circle, allowing for aesthetic customization.

Usage examples include displaying a customer testimonial in a product section to help potential buyers make informed decisions, enhancing a homepage with testimonials in a Slideshow section for dynamic engagement, and creating a dedicated testimonials page to compile various customer reviews. These applications ensure the Testimonial block is both functional and visually appealing across different devices and contexts.

Overview #

The Testimonial block is designed to showcase customer testimonials, enhancing the credibility and appeal of products or services. It can be integrated into various sections such as Collage, Testimonials, Slideshow, Multicolumn, Product Information, and Featured Product.

Key components and functionality #

Testimonial block

The Testimonial block is intended to display customer feedback, which can include a rating, a quote, and the source of the testimonial. This block can also link to a related product, providing a comprehensive view of customer satisfaction.

Settings

  1. Rating

    • Allows users to set a customer rating for the testimonial.
    • Range: 0 to 5, in increments of 0.5.
    • Default: 5.
  2. Content

    • A rich text field for entering the testimonial content.
    • Default: "

      Provide a featured customer quote explaining more about the quality of your product or service.

      Try to keep this quote short and sweet!

      ".
  3. Source

    • Text field to specify the source of the testimonial.
    • Default: "— Testimonial source".
  4. Product

    • Allows linking the testimonial to a specific product.
  5. Image style

    • Provides options for styling the testimonial image.
    • Options include:
      • Default
      • Rounded corners
      • Circle

Image style

The image style setting is applied only if a product is chosen. It allows customization of the testimonial's visual presentation, enhancing the aesthetic appeal of the block.

Available in sections #

  • Collage
  • Testimonials
  • Slideshow
  • Multicolumn
  • Product information
  • Featured product

Usage notes #

  • Responsive design: Ensure that the Testimonial block is tested across different devices to maintain readability and visual appeal.
  • Performance: Optimize images used within the block to prevent slow loading times.
  • Accessibility: Use clear and concise text for testimonials to ensure they are accessible to all users, including those using screen readers.

Usage examples #

  1. Displaying a customer testimonial in a product section:

    • Use the Testimonial block within the Product Information section to highlight customer feedback directly related to a product. This can help potential buyers make informed decisions.
  2. Enhancing a homepage with testimonials:

    • Integrate the Testimonial block into the Slideshow section on the homepage to showcase multiple customer reviews in a dynamic and engaging manner.
  3. Creating a dedicated testimonials page:

    • Use the Testimonials section to compile various customer reviews, providing a centralized location for potential customers to read about others' experiences.