The Benefits block is a versatile tool designed to highlight up to three key features or benefits of a product. It enhances product presentation by showcasing unique selling points, and all settings within this block are optional, allowing for flexible customization. The block can be used in sections such as Featured Product and Product Information to effectively communicate product features.

Key settings include options for selecting icons, headings, and subheadings for each benefit, with defaults provided for ease of use. Visibility settings allow you to control how the block appears on different devices, ensuring an optimized display across various viewing contexts.

In practical use, the Benefits block can be employed in the Featured Product section to highlight top features like durability, eco-friendliness, and warranty. In the Product Information section, it can provide additional context and value propositions, enhancing customer understanding and interest.

Overview #

The Benefits block is designed to highlight up to three key features or benefits of a product. This block is versatile and can be used in various sections to enhance product presentation by showcasing its unique selling points. All settings within this block are optional, allowing for flexible customization.

Key components and functionality #

Benefit settings

This group of settings allows you to define the icons, headings, and subheadings for up to three benefits. Each benefit can be customized to effectively communicate the product's unique features.

Icon 1

Select an icon to represent the first benefit. The default icon is verified.

Heading 1

Provide a heading for the first benefit. The default text is Benefit.

Subheading 1

Add a subheading for the first benefit. The default text is Subheading.

Icon 2

Select an icon to represent the second benefit. The default icon is verified.

Heading 2

Provide a heading for the second benefit. The default text is Benefit.

Subheading 2

Add a subheading for the second benefit. The default text is Subheading.

Icon 3

Select an icon to represent the third benefit. The default icon is verified.

Heading 3

Provide a heading for the third benefit. The default text is Benefit.

Subheading 3

Add a subheading for the third benefit. The default text is Subheading.

Visibility settings

These settings control the visibility of the block across different devices, allowing you to tailor the display to suit various viewing contexts.

Display visibility

Control the visibility of the block with the following options:

  • Do not hide (default)
  • Hide on desktop
  • Hide on mobile

Available in sections #

The Benefits block can be used in the following sections:

  1. Featured product
  2. Product information

Usage notes #

  • Responsive Design: Ensure that the visibility settings are configured to optimize the display of benefits across different devices.
  • Performance: Use icons and text judiciously to maintain fast loading times.
  • Accessibility: Ensure that text is clear and icons are easily recognizable to all users.

Usage examples #

  1. Featured Product Section: Use the Benefits block to highlight the top three features of a featured product, such as durability, eco-friendliness, and warranty.

  2. Product Information Section: Incorporate the Benefits block to provide additional context and value propositions for a product, enhancing the customer's understanding and interest.