💡 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, the next step is to configure how these prices appear on your product pages for your 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
Click on 'Pricing display settings'
Step 2: Customize Pricing display settings
On the Pricing display settings screen, you can customize the text shown for various price elements. You can adjust the wording and the format the prices appear in
Price display text: Configure how your B2B price will look like here
Compare at price display text: Configure how your original/compare-at price is will look like here
Savings display text: Configure how your savings text will look like here
Savings display type: Choose how savings are calculated and shown (e.g., Amount per unit or Percentage)
We support the following formats to display the amount component of the B2B price -
{{amount}}
{{amount_no_decimals}}
{{amount_with_comma_separator}}
{{amount_no_decimals_with_comma_separator}}
2.1 Configure Quantity Grid Settings (If using Quantity Pricing)
If you have set up Quantity Pricing rules (tiered/volume pricing), configure how the quantity table appears by selecting one of the 5 available templates
Quantity grid template: For each template, the name of the template indicates the name of the columns for the quantity grid table
Price display text: Customize the text for the price within the quantity grid just like the configuration above
2.2 Preview your pricing display
Use the Preview section on the right side of the screen to see how your new configuration will look like on the storefront
If you are configuring the quantity grid, ensure the Show quantity grid checkbox is ticked to see the table preview
Make adjustments to the text fields and templates until the preview matches your desired appearance
2.3 Saving Pricing display settings
Once you are satisfied with the configuration and preview, click the 'Save' button in the top right corner
You will see a confirmation message: "Pricing display updated"
Step 3: 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
Find your Current theme and click 'Customize'
In the theme editor, click the 'App embeds' icon on the left sidebar (it looks like a puzzle piece)
Find the 'Clay wholesale price' app embed
Toggle the switch ON to enable it
Click the 'Save' button in the top right corner of the theme editor
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.