Skip to content

Product Page Widget

You will need to insert the script where you want the widget to display (typically directly below the product price), replacing the PLACE_YOUR_PRODUCT_PRICE field with the product's price parameter.

You will also need to replace the PLACE_YOUR_MERCHANT_ID field with your unique merchant ID. This will have been provided to you in your welcome email.

If you are unsure of your merchant ID, please reach out to [email protected]

<script src="https://bpi.humm-au.com/au/content/scripts/price-info_sync.js?productPrice=PLACE_YOUR_PRODUCT_PRICE&merchantId=PLACE_YOUR_MERCHANT_ID"></script>

Variable Product/Cart Price Page Widget

You will need to insert the script where you want the widget to display variable product/cart price

Variable product price is dynamicly from CSS class or id defined in the paramerters of "price-selector=CSS_Selector" showing on the web element with CSS class or id described in the "element=CSS_Selector"

replacing the CSS_Selector fields in below JS command with the correct CSS class or id in product/cart webpages.

<script src="https://bpi.humm-au.com/au/content/scripts/price-info_sync.js?price-selector=CSS_Selector&merchantId=merchantId&element=CSS_Selector"></script>

Script example

<script src="https://bpi.humm-au.com/au/content/scripts/price-info_sync.js?price-selector=.price-item.price-item--sale&merchantId=30133331&element=.shopify-payment-button&littleThings"></script>

Widget example:

Price: $100

Platform-specific Installation Instructions

Minimum and Maximum Widgets

'Little things' and 'Big things' widgets have default minimum and maximum thresholds.

You can customise the min and max threshold (can only increase the min or/and decrease the max) by setting data-min and data-max accordingly when calling the widget.

You will need to replace PLACE_YOUR_MERCHANT_ID with your unique merchant ID. This will have been provided to you in your welcome email.

If you are unsure of your merchant ID, please reach out to [email protected]

<script data-min="20" data-max="300" src="https://bpi.humm-au.com/au/content/scripts/price-info_sync.js?productPrice=PLACE_YOUR_PRODUCT_PRICE&merchantId=PLACE_YOUR_MERCHANT_ID"></script>

Here it will not display for prices above $300 or will display in an altered form for prices below $20.

* humm reserves the right to change branding without prior notice