Skip to main content

Ecommerce Integration Guide

Integration Instructions (2 steps)

Step 1: Add the FinMatch header snippet (required)​

Add this script to the head of your site (ideally site-wide). We will provide your unique Merchant ID (“M Code”) — it’s starred out below as M******.

<!-- FinMatch SDK (we provide your unique M Code / Merchant ID) -->
<script
  src="https://storage.googleapis.com/finmatch-finance-marketing-assets/s/scripts/finmatch-sdk.js?merchantID=M******&v=1.0"
  type="module"
  async
></script>

Notes: Use the exact merchantID=M... value we provide.

Keep type="module" and async as shown.

Add it site-wide, or at least on every page where you want FinMatch to render.

Step 2: Integrate Finance Summary Messaging​

For Pay Monthly Price Marketing email support@finmatch.io to schedule your remote configuration.

Step 3: Embed Finance Modal — embed containers​

Place these containers where you want the Modal widget to appear (e.g. product page, basket/cart, checkout, finance page).

Humm Modal​

<!-- Humm Modal -->
<div id="humm-modal-container" class="embed-humm-modal"></div>

Snap Modal​

<!-- Snap Modal -->
<div id="snap-modal-container" class="embed-snap-modal"></div>

Propensio Modal​

<!-- Propensio Modal -->
<div id="propensio-modal-container" class="embed-propensio-modal"></div>

Zopa Modal​

<!-- Zopa Modal -->
<div id="zopa-modal-container" class="embed-zopa-modal"></div>