Skip to content

Integrating on Shopify

Locate your humm Credentials

To integrate humm you will need your

  • Merchant Number
  • API Key

Integrating humm

1 - Fill the online Request API Key Form and we'll send you your unique API Key.

2 - Add Humm to your Shopify payments by following the link here here

3 - Once logged in, click Install payment provider.

5.png

4 - Confirmation will appear at bottom.

6.png

5 - In Alternative Payments, select Humm from the drop-down.

7.png

6 - Enter your Merchant Number and API Key then click Save.

Ensure test mode is disabled.

8.png

Humm will now be displaying as a payment option at checkout.

If you have any questions, email us at pit@shophumm.com.au pit@shophumm.co.nz

7 - You may verify by attempting to checkout with humm. If you are redirected to the humm login page, the gateway is working correctly.

Add the Humm Product Pricing Widgets

To add the Price-info widget as below, use Shopify instructions here.

Price: $800

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 displaying at the bottom of your website.