Happy Pay offers merchants an easy-to-implement widget that enhances conversions and increases basket sizes by displaying our zero-deposit BNPL option directly on your product pages. Our widget is designed to be simple to integrate and manage, making it accessible for most merchant site administrators.

If you need assistance with implementation, please contact [email protected].

Widget Implementation

Add the Happy Pay widget to your site by inserting a simple script tag in your product page.

Basic Script Usage

<script id="happypay_script" async 
    src="<https://widgets.happypay.co.za/integrations/shopify_widget.js?amount=>{{ product.price }}" 
    type="application/javascript"></script>

Platform-Specific Integration

Shopify Integration

1. Open the theme code editor on your Shopify backend
2. Find & edit "main-product.liquid" (or "product-template-liquid") under 'Sections'
3. Locate the line "{%- when 'price' -%}", usually around line 91
4. Add the following script below the closing div:

<script id="happypay_script" async 
    src="<https://widgets.happypay.co.za/integrations/shopify_widget.js?amount=>{{ product.price | money_without_currency | remove: ',' }}" 
    type="application/javascript"></script>

WooCommerce Integration

1. Log in to your WordPress account
2. Navigate to 'WooCommerce' -> "Settings" -> "Payments"
3. Click 'Manage' on the Happy Pay gateway
4. Select the option to add the widget
5. Save and test the widget

<aside> Note: The widget will automatically display payment information based on the product price, helping customers understand their payment options at a glance.

</aside>