Integration Guides

Landing Page

In order to give your customers more info about humm, we strongly recommend adding the humm landing page onto your website. This page explains what humm is, how it works, how to apply for an amount to spend, and covers frequently asked questions. ​

Installation Instructions

*These instructions apply for most platforms, regardless of what your website is built on.​

  • To create the landing page you will need to create a new page and insert the following code (you will need to use the HTML editor.)
  • Name the page ‘humm’​
  • Add the below iFrame code by clicking the < > icon in the top right corner of the text editor​.
  • Paste your iFrame code into the text editor and then click the < > icon again to exit HTML code mode​
  • Finally, click ‘save’ and view your published page ​
  • If you'd like to adjust the height or width of the iFrame, return to the Page editor, click on the HTML code button and change the height amount in the code to suite your website (so there is no scrolling within the page), then re-save the page. ​

IE Landing Page

Preview the IE page HERE

You may need to set the height of CSS on your website styling so that the page sits nicely within your page.

<iframe  scrolling="yes"  src="https://cdn.shophumm.com/humm/partners/ie/index.html" title="Humm Partner IE" width="100%" height="900px" ></iframe>

UK Landing Page

Preview the UK Page HERE

You may need to set the height of CSS on your website styling so that the page sits nicely within your page.

<iframe  scrolling="yes"  src="https://cdn.shophumm.com/humm/partners/uk/index.html" title="Humm Partner Uk" width="100%" height="900px" ></iframe>

The use of an iframe code that displays information on humm can be useful for the merchant’s customers in several ways. First, it can provide a convenient and accessible way for customers to learn about humm.

This can help customers make more informed decisions about their purchases and potentially increase sales for the merchant. Second, by embedding the humm information page within your website, you can provide a seamless user experience for their customers, without the need for them to navigate to a separate website to learn about finance offerings.Additionally, anyone who applies for financing through the iframe code will be related to the merchant account for visibility and tracking once the QRC is used.

Please use the following code:

This code includes a few key parameters:

•src: This specifies the URL of the content that should be displayed within the Iframe. In this case, we're pointing to the Humm Partner UK platform hosted on the CDN.shophumm.com server.

•title: This provides a title for the Iframe, which can be helpful for accessibility purposes.

•scrolling: This specifies whether or not the Iframe should be scrollable. In this case, we've set it to "no" to prevent scrolling.

•width: This specifies the width of the Iframe. We've set it to 100% to ensure it fills the entire width of the container it's placed in.

NEW

The Iframe also includes a parameter called Q_R_C. Merchants can enter a value for this parameter to customise the behaviour of the "Apply Now" button within the page.. If they leave it empty, the button will behave according to its default settings.To use this code, merchants can simply copy and paste it into the HTML code of their website where they want the page to appear. They can also adjust the parameters as needed to customise the appearance and behaviour of the iframe.