Price

Easily display customizable product pricing, highlight sales, and show key policy info with flexible sizing, color, and device-based visibility settings to boost shopper trust and clarity.

Last updated 2 months ago

Overview

The Price block displays clear, customizable product prices and sale prices, with optional policy notes to keep customers well-informed. It is designed for flexibility and transparency, allowing you to adjust how pricing appears and when it is visible. This block is essential for building trust and creating a seamless, reassuring shopping experience.

⚠️ Important: The Price block presents all relevant pricing details up front, clarifying purchase costs and increasing shopper confidence.

Key components and functionality

Configuring the Price block lets you control how product price, sale price, and associated policy information are presented. Each option promotes both design consistency and pricing clarity.

Product price and policy information

This group manages the display of pricing details and related notes, supporting informed purchase decisions and minimizing confusion at checkout.

Show shipping and tax policy

Enable this to display a message under the price that highlights shipping and tax policies. This provides shoppers with clear expectations regarding added costs, ensuring upfront communication throughout their buying journey.
Default: enabled

Text size

Choose from multiple text sizes to fit your layout or highlight promotional pricing.

  1. Small

  2. Medium Default

  3. Large

  4. Extra large

    1. Use larger sizes for featured deals or product highlights.

    2. Use smaller sizes for compact, secondary information areas.

Visibility settings

Visibility controls allow you to determine on which devices the Price block is shown, making layouts efficient and user-friendly.

Visibility

Pick the devices on which the block will be shown to match your preferred screen-specific designs.

  1. Do not hide Default — The block appears on all devices.

  2. Hide on desktop

  3. Hide on mobile

    1. Hiding the block on selected devices helps reduce distraction and keeps your interface clean.

    2. After changing visibility, ensure the price remains available whenever it is crucial for conversion.

Available in sections

The Price block can be added in the following sections:

  1. Featured product

  2. Product information

💡 Tip: Add the Price block across your product-driven sections to maintain clear, consistent pricing — a key to better user trust and conversion rates.

Usage notes

  1. Choose a size that balances prominence and harmony within your layout, adjusting as needed for different devices or promotions.

  2. Display the shipping and tax policy note to reduce confusion and prevent surprise checkout costs for shoppers.

  3. Review the block’s visibility settings carefully, verifying that pricing remains apparent for all shoppers across devices.

⚠️ Important: Consistent and visible pricing, paired with clear policy notes, can significantly boost shopper trust and purchase completion rates.