Product Page Widget
Editing
- Within your Shopify dashboard, navigate to the Themes section under Sales Channels then Online Store.
- Select the three dots next to Customise then Edit Code.
![](https://files.readme.io/7a0512c-image.png)
- From the left panel select the section in which your price element is held (for example Sections > product-template.liquid, Snippets > product-form.liquid).
![Hello this is a caption](https://files.readme.io/4a118aa-image.png)
Adding
- Find the price element of your section by using CTRL+F on the page and typing “Price”.
- Paste the price-info widget script below the price element of the section.
<script src="https://bpi.humm-au.com/au/content/scripts/price-info_sync.js?productPrice={{product.selected_or_first_available_variant.price | divided_by:100.00}}&merchantId=YOUR_MERCHANT_ID"></script>
Important!
Paste your Merchant Number into the “YOUR_MERCHANT_ID” section of the script
- Save the theme, then preview the store to check the widget is in the correct position.
![](https://files.readme.io/99e233a-image.png)
![](https://files.readme.io/3b46f6f-image.png)
Need help?
If you require any assistance with this, please reach out to us via the Integration Assistance Form
Updated 3 months ago
What’s Next