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/p/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>
DivideBuy Modal
<!-- DivideBuy Modal -->
<div id="dividebuy-modal-container" class="embed-dividebuy-modal"></div>