Integrating on Shopify Payment App
Locate your humm Credentials
To integrate humm you will need your
- Merchant Number
- API Key
Fill in the online Request API Key Form and we'll send you your unique API Key
Requests API key Form Service is only available for Humm new merchants
Less 5 minutes and 5 steps to integrating Humm
1. Add Humm to your payments by following the Humm Shopify Payment App link Click here
2. Once you've logged in, click Connect.
3. Information will appear on the page and click Install app.
4. Shopify App installation page will appear.
Name | Input Explanation |
---|---|
Merchant Domain | Website Shopify URL, |
Merchant Number | From Humm |
API Key | From Humm |
Kind | Sale |
MaxOrderAmount | Set the maximum order amount limit on HummGroup Checkout |
MinOrderAmount | Set the minimum order amount Limit on HummGroup Checkout |
Payment Gateway | * AU Merchant is production AU and NZ Merchant is production NZ |
Refund URL | * AU Merchant is production AU and NZ Merchant is production NZ |
Widget URL | * AU Merchant is production AU and NZ Merchant is production NZ |
5.HummGroup Activiate Configuration Page appears
Please make sure to click Activate HummGroup and finish all configuration
Then activated page appears below
6.Remove old Humm payment (Only for old merchants)
Shopify Store backend-> Setting->Payment
Click Manage ,then Deactivate Humm AU
FAQs
Why does a merchant find a below error during checkout using HummGroup payment ?
How to reinstall the APP and do not refresh the browser? Why you should only open one browser to install App?
->HummGroup->manage to correct installation errors,and do not refresh browser during installation,open only one browser to install App
After I installed the Shopify App, Why does HummGroup payment not appear on the payment method on website?
How to verify the integration is working by attempting to checkout with humm ?
if 401,400 or signature error appears, merchant Number and API key are invalid
or input wrong,Payment Gateway is incorrect,please correct
Product Pricing Widgets
To add the Price-info widget as below, use Shopify instructions
Price: $800
Variable Product and Cart Pricing Widgets
For Shopify, websites are required to equip with variable product and cart price widgets
To add variable price widgets, use variable pricing widgets instructions
Add the Humm Landing Page to your website
1. Navigate to Online Store > Themes > Pages. In the top right corner click the Add Page button.
2. Title the page Humm and click on the <>
button, as highlighted below.
3. Paste the below landing page script in the content box. Choose the script based on the plans you have available (Little and/or big things). Click Save.
Little things
<script id="humm-landing-page-little-online" src="https://widgets.shophumm.com.au/content/scripts/landing-page-little-online.js"></script>
Big things
<script id="humm-landing-page-big-online" src="https://widgets.shophumm.com.au/content/scripts/landing-page-big-online.js"></script>
Little + Big things
<script id="humm-landing-page-little-big-online" src="https://widgets.shophumm.com.au/content/scripts/landing-page-little-big-online.js"></script>
4. Navigate to Online Store > Themes > Navigation and choose the appropriate menu to display the humm landing page.
Add the Humm Payment tile to your website footer
1. Download the humm payment tile here
2. Navigate to Online Store > Themes > Actions > Edit Code > Assets and click the Add a new Asset button
3. Click the Choose file button and select the recently downloaded humm payment tile and click upload asset.
4. Navigate to Sections > footer.liquid. Press CTRL + F
and search for payment
.
5. Scroll to the bottom of the last highlighted payment
, paste the below img tag after the {% endfor %}
. Click Save.
<img style="height: 25px; vertical-align: middle;" src="{{'humm_payment_tile.png' | asset_url }}" id="humm-logo" alt="humm">
6. The humm payment tile should now be displayed at the bottom of your website.
NOTE: If the payment tile is not in line with the other payment methods, please remove
vertical-align: middle
from the script.
If you have any questions, email us at [email protected]