Ensure you select the widget type corresponding to whether you are a 'Little things' seller or a 'Big Things' seller.
Insert the script where you want the widget to display replacing
PLACE_YOUR_PRODUCT_PRICE with the product's price.
'Little things' Widget
If a 'Little things' only seller, use:
'Big things' Dynamic API Pricing Widget
The 'Big things' widget can display dynamic big things pricing tailored to the terms applied to your humm account.
Note the use of the
YOUR_MERCHANT_ID parameter in the above script with your merchant ID.
Platform-specific Installation Instructions
price-selector query argument to target the HTML element containing the price. This will update the widget as the product price changes on user selection.
Provide a URL encoded jQuery CSS selector.
Here is HTML taken from a WooCommerce product page:
<span>Product Price:</span> <p class="price"> <span id="priceinfo" class="woocommerce-Price-amount amount"> <span class="woocommerce-Price-currencySymbol">$</span>900.00 </span> </p>
Product Price: $900.00
Use the urlencoded
%23priceinfo to reference the id
You could also use
price-selector=.woocommerce-Price-amount.amount or any CSS selector to identify the price.
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-max accordingly when calling the widget.
By default, "Little things" shows when product price is between $20 and $1000, while "Big things" shows only between the price of $80 and $10000.
<script data-min="20" data-max="300" src="https://widgets.shophumm.co.nz/content/scripts/price-info.js?productPrice=YOUR_PRICE"></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