Skip to content

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

2. Once you've logged in, click Connect.

1.png

3. Information will appear on the page and click Install app.

2.png

4. Shopify App installation page will appear.

Verify the integration is working by attempting to checkout with humm

Before leaving the below web page every time,be sure to press the update button!

Set Payment Capture is "Automatic" in the admin->settings->Payments->Payment capture->Manage

Name Input Explanation
Merchant Domain Website Shopify URL, not editable
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
Update Must click it every time when you leave the page

33.png 3.png

5.HummGroup Activiate Configuration Page appears

Please make sure to click Activate HummGroup and finish all configuration 6.png

Then activated page appears below

7.png

6.Remove old Humm payment (Only for old merchants)

Shopify Store backend-> Setting->Payment
Click Manage ,then Deactivate Humm NZ 8.png

9.png


FAQs

Why does a merchant find a below error during checkout using HummGroup payment ?
10.png
A: Please reinstall App and must click update button ,and Payment Capture must be "Automatic" its set in the admin->settings->Payments->Payment capture->Manage
How to reinstall the APP and do not refresh the browser? Why you should only open one browser to install App?
A: unnecessarily uninstall App for reinstall App,just do it from admin console Settings-> Payments
->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?
A: you must click Activate HummGroup,and Ensure test mode is disabled on step 5
How to verify the integration is working by attempting to checkout with humm ?
A: if HummGroup payment is redirected to the humm login page, the integration is working correctly.
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 Click here

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 Click here

Price: $100

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.

pages_html.png

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.co.nz/content/scripts/landing-page-little-online.js"></script>

Big things

<script id="humm-landing-page-big-online" src="https://widgets.shophumm.co.nz/content/scripts/landing-page-big-online.js"></script>

Little + Big things

<script id="humm-landing-page-little-big-online" src="https://widgets.shophumm.co.nz/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.

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

edit_code.png

add_asset.png

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">

shopify_payment.png

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 pit@shophumm.co.nz