Integration Tool

Load JS sdk once in the head on the page of your website
<script id="humm-bpi" type="text/javascript" src="https://sdk-bpi.humm-au.com/dist/scripts/general-template-decorate.js" defer></script>

Banner Page
<humm-element id="banner" data-temp="banner"></humm-element>

Product and Cart Price Widget
To begin, interact with the Integration tools pages and customize your preferred attributes directly in the input box. Click the submit button to see the widgets in action. If the widgets are not showing, it could be due to incorrect configuration For the price attribute, the app first checks the 'productPrice' attribute. If it is valid (for instance, '{{product.selected_or_first_available_variant.price \| divided_by: 100.00}}' in Shopify), then the app proceeds. If the 'productPrice' attribute is empty or invalid, the app looks for the 'priceSelector' attribute value, which is the CSS selector for the variable price. To close the popup, you simply can click anywhere outside of the popup box or press the ESC key. Finally, simply click the copy button to paste them into your platform.
Merchant Type	Font Color:	Font Type Example:	Display Max Price
POPUP Style	Price Example	$200	Display Min Price
<humm-element id='widget' data-temp='{"productPrice":"","priceSelector":".priceinfo","pupStyle":"default","merchantId":"30133331","element":".showNormal","merchantType":"both","minWidget":"1","maxWidget":"30000","fontsColor":"","fontsType":""}'></humm-element>

LandingPage	PageType
<humm-element id="widget" data-temp="lbonline"></humm>

lbonline