Skip to main content

Product Detail Visibility Page

Product Detail visibility is added in product detail page - image sample below:

image

How to integrate​

Step 1: HTML Component in Product Detail page

<div id="script-general-container"></div>

Step 2 : Initialise the config of amount and style options

var fundiinDetailConfig = {
    data:{
        amount: {{product_price}},
    },
    style: {
    }
};

Step 3 : JS Component in Product Detail page

<script type="application/javascript" 
        crossorigin="anonymous" 
        src="{HOST}/merchants/productdetailjs/(merchantId).js">
</script>

Where, (HOST) - following below:

EnvironmentDomain
Productionhttps://gateway.fundiin.vn
Staginghttps://gateway-sandbox.fundiin.vn

(merchantId) - Fundiin provides merchantId (MID) as a unique identifier to each merchant.

Example​

product-detail.html

<div id="script-general-container"></div>
<script>
    var fundiinDetailConfig = {
        data: {
            // ex: product price = 300.000đ
            amount: 300000,
        },
        style: {
        }
    };
</script>
<script type="application/javascript" crossorigin="anonymous" src="https://gateway-sandbox.fundiin.vn/merchants/productdetailjs/FD200000165745.js"></script>

Contents