💡 Please click on the settings icon and increase the video quality for a better experience
💡 To view the video on fullscreen, click on the fullscreen icon
How to configure pricing display block
After creating your B2B pricing rules (Step 1), the next step is to configure how these prices and related information appear on your product pages for logged-in B2B customers.
Step 1: Navigate to Pricing Display Settings
From your Clay B2B Wholesale app dashboard within Shopify, click Settings in the left-hand navigation menu.
(Screenshot at 00:34)Click on Pricing display settings.
(Screenshot at 00:40)
Step 2: Customize Display Text Fields
On the Pricing display settings screen, you can customize the text shown for various price elements. You can adjust the wording and use available variables like {{amount_with_comma_separator}}.
Price display text: The main B2B price shown.
Compare at price display text: How the original or compare-at price is displayed (often shown struck-through).
Savings display text: Text indicating the amount saved (e.g., "Save Rs. {{amount_with_comma_separator}} per unit" or change "Save" to "Savings").
(Screenshot at 01:30)Savings display type: Choose how savings are calculated and shown (e.g., Amount per unit or Percentage).
Step 3: Configure Quantity Grid Settings (If using Quantity Pricing)
If you have set up Quantity Pricing rules (tiered pricing), configure how the quantity table appears:
Quantity grid template: Select the columns and format for the table. Options include showing:
Quantity - Price
Quantity range - Price
Quantity range - Discount %
Quantity buy - Price
Quantity - Price - Discount % (Example selected)
(Screenshot at 01:09)
price display text: Customize the text for the price within the quantity grid.
Step 4: Preview Your Changes
Use the Preview section on the right side of the screen to see how your settings will look on the storefront.
If you are configuring the quantity grid, ensure the Show quantity grid checkbox is ticked to see the table preview.
(Screenshot at 01:11 shows the preview updating based on template selection)Make adjustments to the text fields and templates until the preview matches your desired appearance.
Step 5: Save Display Settings
Once you are satisfied with the configuration and preview, click the Save button in the top right corner.
(Screenshot at 02:00)You will see a confirmation message: "Pricing display updated".
(Screenshot at 02:03)
Step 6: Enable the Pricing Block in Your Theme
To make the pricing block visible on your storefront, you need to enable it in your Shopify theme editor.
Navigate to Online Store > Themes in your Shopify admin.
(Screenshot at 02:14)Find your Current theme and click Customize.
(Screenshot at 02:21)In the theme editor, click the App embeds icon on the left sidebar (it looks like a puzzle piece).
(Screenshot at 02:23)Find the Clay wholesale price app embed.
Toggle the switch ON to enable it.
(Screenshot at 02:29)Click the Save button in the top right corner of the theme editor.
(Screenshot at 02:33)
You have now configured how your B2B pricing will be displayed. The final step is to map your created pricing rules to specific customer groups.