Sample Product

Sample Product

Price: R500.00

Add this script to your html and replace {{ product.price }} with the actual price of the item:

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

Integration Guide

Download Complete Guide

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.