Selling with Stitch
Pay Later

Everything you need to promote, integrate, and support Stitch Pay Later — from placement strategy to ready-to-use marketing assets.

Stitch Pay Later on mobile

About this guide

This guide shares recommendations across marketing channels for communications that can be used to introduce and promote Stitch Pay Later to your customers.

Build awareness

Ensure customers know that Stitch Pay Later is now available as a payment method and how it differs from previous options.

Answer questions

Provide clear, ready-to-use answers for when customers encounter Stitch Pay Later for the first time — in FAQs, support pages, and live chat.

Drive adoption

Promote the benefits of interest-free instalments across your site, emails, SMS, and social channels to encourage usage.

What's inside

01
Promotion

Where to place Pay Later on your site — footer badges, product page widgets, and checkout — to drive conversion at every stage.

02
Widget setup

Step-by-step instructions for adding the Pay Later widget to your storefront, with guides for Shopify and other platforms.

03
Marketing assets

Approved logos, email and SMS templates, and social media posts — everything you need to go to market from day one.

04
Customer FAQs

Pre-written answers for common customer questions, ready to paste into your FAQ page, support docs, or live chat.

01 — Promotion

Place Pay Later where it drives conversion

Introduce Stitch Pay Later at every stage of the purchase journey — from browsing to payment. Each placement reinforces availability and removes hesitation.

02 — Widget setup

Add the Pay Later widget to your store

Embed the Pay Later widget on your product pages in minutes. Choose your platform below for specific instructions.

1
Find your product template
In your Shopify admin, go to Online Store → Themes → ⋯ → Edit code. Open your product template — typically main-product.liquid, product-template.liquid, product-information.liquid, or product.liquid. Search for {{ product.price }} to find the right location.
Check for separate mobile/desktop sections

Many Shopify themes render product details twice — once for desktop and once for mobile — and use CSS classes like mobile-hidden, desktop-hidden-sm, or hidden-xs to toggle visibility.

Before adding the widget, search your product template for these class names. If your theme uses this pattern, you'll need to add the widget snippet in both the desktop and mobile sections. Use a different element id for each (e.g. stitch-bnpl-widget and stitch-bnpl-widget-mobile).

If you only add it to the desktop section, the widget won't appear on mobile devices.

2
Add the widget code below the price
Liquid
<!-- Add this below your product price.
     If your theme has separate desktop/mobile sections,
     add it inside BOTH sections with different element ids. -->
<div id="stitch-bnpl-widget"></div>
<script>
  window.StitchBNPLConfig = {
    mountSelector: '#stitch-bnpl-widget',
    price: {{ product.selected_or_first_available_variant.price | divided_by: 100.0 }},
    minimumAmount: 100,
    logoBg: 'purple',
    width: '100%',
    locale: 'en-ZA',
    currency: 'ZAR'
  };
</script>
<script src="https://express.stitch.money/js/bnpl-widget.v1.js"></script>
<script>
  document.addEventListener('variant:change', function(e) {
    if (e.detail?.variant)
      window.StitchBNPL.setPrice(e.detail.variant.price / 100);
  });
</script>
Shopify stores prices in cents — R1,200 is stored as 120000. Always use divided_by: 100.0 in the Liquid tag, and divide by 100 in the variant:change listener.
3
Save and preview
Click Save and open your store. The widget should appear below the product price with no console errors. Switch variants to confirm the instalment amount updates correctly. After confirming on desktop, test on a mobile device (or use your browser's responsive mode) to verify the widget is visible on smaller screens too.
My theme has separate desktop and mobile sections

Some Shopify themes duplicate the product price and buy box — one block for large screens and another for phones — then hide the irrelevant block with CSS. The widget must live in both blocks, or it will only show on one screen size.

How to identify the pattern

  • In your product template, search for classes like mobile-hidden-sm, desktop-hidden, hidden-xs, or visible-xs.
  • Look for two separate blocks that both contain {{ product.price }} — one wrapped in a desktop-only container, one in a mobile-only container.

How to add the widget to both sections

  • Add the widget snippet below the price in the desktop section using id="stitch-bnpl-widget".
  • Duplicate the snippet in the mobile section with a unique id such as id="stitch-bnpl-widget-mobile" and update mountSelector to match.
  • Load the widget script once per page (after both snippets). Each visible section mounts its own widget instance when that layout is active.

Test on desktop and mobile

  • Preview on desktop, then resize your browser or open the page on a phone.
  • Confirm the widget appears below the price in both layouts and updates when you switch variants.
1
Add the widget HTML
Place this snippet below your product price element. Replace 1999.99 with the actual product price in Rands from your platform's template engine.
HTML
<div id="stitch-bnpl-widget"></div>
<script>
  window.StitchBNPLConfig = {
    mountSelector: '#stitch-bnpl-widget',
    price: 1999.99,       // replace with dynamic price in Rands
    minimumAmount: 100,
    logoBg: 'purple',
    width: '100%',
    locale: 'en-ZA',
    currency: 'ZAR'
  };
</script>
<script src="https://express.stitch.money/js/bnpl-widget.v1.js"></script>
2
Handle variant or option changes
When the selected product variant changes, call window.StitchBNPL.setPrice(newPrice) — price must be in Rands, not cents.
JavaScript
// Call this whenever the selected variant changes
window.StitchBNPL.setPrice(newPriceInRands);
3
Alternative: auto-read from a page element
If your price is already rendered in a DOM element, use data attributes to let the widget read it automatically.
HTML
<div id="stitch-bnpl-widget"></div>
<script
  src="https://express.stitch.money/js/bnpl-widget.v1.js"
  data-mount="#stitch-bnpl-widget"
  data-price-selector=".your-price-element"
  data-minimum-amount="100"
  data-logo-bg="purple"
></script>
SettingDefaultDescription
pricenullProduct price in Rands (required)
minimumAmount100Hide the widget when the price is below this value
logoBg'purple'Logo colour variant: 'purple', 'white', or 'black'
backgroundColor'#F2F2F2'Widget container background colour
textColor'#100E13'Primary text colour
highlightColor'#000000'Instalment amount colour
width'100%'Widget width (CSS value)
installments6Number of instalments displayed
locale'en-ZA'Locale for number and currency formatting
currency'ZAR'ISO 4217 currency code
Widget doesn't appear
  • Product price must be above R100 (the minimumAmount).
  • The widget mount element must exist in the DOM before the script loads.
  • Open the browser console and check for JS errors.
Wrong amount (Shopify)
  • Shopify stores prices in cents — R1,200 = 120000.
  • Always use divided_by: 100.0 in your Liquid tag.
  • Add the variant:change listener and divide by 100 there too.
Widget shows R0.00
  • The data-price-selector isn't finding the price element.
  • Inspect the page source and verify the selector matches exactly.
  • Try the manual StitchBNPLConfig.price approach instead.
Doesn't update on variant change
  • On Shopify: add the variant:change listener after the script loads.
  • On other platforms: call setPrice() in your variant-change handler.
  • Confirm the price is in Rands, not cents.
Widget shows on desktop but not mobile
  • Your Shopify theme likely has separate desktop and mobile product sections, with CSS classes that hide one version on each screen size. The widget needs to be added to both sections.
  • How to check: In your product template, search for classes like mobile-hidden-sm, desktop-hidden, hidden-xs, or visible-xs. If the widget div is inside a desktop-only block, it will be hidden on mobile.
  • How to fix: Add a second widget instance inside the mobile section using a unique id (e.g. stitch-bnpl-widget-mobile) with its own mountSelector. See Themes with separate mobile layouts in the Shopify custom theme tab for step-by-step instructions.

03 — Marketing assets & copy

Everything you need to go to market

Approved logos, ready-to-send email and SMS templates, and social posts — all on-brand and available from day one.

Brand usage rules

  • Use only the provided logo files — do not recreate, stretch, or recolour.
  • Minimum clear space on all sides = the height of the logo's "S" icon.
  • Use the violet logo on light backgrounds and white logo on dark backgrounds. Use the black logo if all other 3rd party logos also appear in black.
Launch SMS / push
Introducing Stitch Pay Later! Now pay your way, over time — in 2–6 easy monthly instalments. Always interest-free. You deserve it! Try it now → [link]
Reminder SMS / push
Have you tried Stitch Pay Later? Pay in easy, flexible monthly instalments — always interest-free. Shop today and pay over time. Try it now → [link]

Best practice tips

  • Send the launch message on your Pay Later go-live day for maximum impact.
  • Link directly to a product page — not the homepage.
  • Follow up with the reminder 3–5 days after launch.
Social post — Find the right fit
Find the right fit. Pay in 2–6 interest-free instalments with Stitch Pay Later.
Social post — Who said good things don't come easy?
Who said good things don't come easy? Flexible payments. No interest. No fees.
Social post — Easy as 1 to 6
Easy as 1 to 6. Split your order into interest-free monthly instalments with Stitch Pay Later.
Social post — No interest, in your best interest
No interest, in your best interest. Flexible payments with Stitch Pay Later.

04 — Customer FAQs

Answers for your customers

Each answer includes suggested copy you can use directly in your own FAQs, support pages, or live chat responses.

Stitch performs a soft eligibility check when you create your profile — this doesn't affect your credit score. You'll complete a quick selfie verification and your spending limit will be set based on your credit profile. No separate application or hard inquiry is required.

Suggested copy

"A spending limit is set based on your credit profile — this check won't affect your credit score."

Yes — completely. You pay exactly the order total, split into equal instalments. No interest, no finance fees, and no penalty for paying on time.

Suggested copy

"Stitch Pay Later is always interest-free. You pay exactly what you see in your cart — split into equal monthly instalments."

There are no sign-up or admin fees. If a scheduled payment is missed, a late fee may apply — this is always displayed clearly before you confirm your order. Stitch will notify you before retrying any failed payment.

Suggested copy

"There are no sign-up or admin fees. If a payment is missed, a late fee may apply — you'll always see this clearly at checkout."

You choose to pay in 2–6 equal monthly instalments. The first instalment is paid at checkout; remaining instalments are charged automatically each month. You can view and manage all your plans in the Stitch Pay Later dashboard.

Suggested copy

"Choose to pay in 2–6 equal monthly instalments — the first is paid today, and the rest are charged automatically."

The widget is hidden for orders below R100 by default (this threshold is configurable). There's no fixed maximum — your approved spending limit is set when you first sign up for Stitch Pay Later at checkout.

Suggested copy

"Stitch Pay Later is available on eligible orders above R100. Your approved spending limit is set when you first sign up at checkout."

Stitch will notify you via email and SMS if a payment fails, and will retry after a grace period. You can update your card details in the dashboard at any time. A late fee applies if the payment remains unresolved. Importantly, merchants are paid in full at the time of purchase — Stitch absorbs the risk of missed payments.

Suggested copy

"If your payment fails, we'll let you know right away and give you time to sort it out before retrying."

Start by raising the issue with the merchant through their standard returns or complaints process. If it's unresolved, contact Stitch Pay Later support — they can pause future instalments while the dispute is under review.

Suggested copy

"For any issues with your order, contact us first. If needed, Stitch Pay Later support can pause your upcoming payments while the issue is being reviewed."

Stitch Pay Later can be used across hundreds of stores in South Africa, with more added daily. Customers can view all their active repayment plans and browse participating stores directly from their Stitch Pay Later dashboard.

Suggested copy

"Stitch Pay Later can be used across hundreds of stores in South Africa, with more added daily. Log in to your dashboard to manage all your plans."