Online contribution has emerged as a practical and efficient means of supporting important projects in the current digital era. One of the top digital payment companies in India, PhonePe, provides a simple solution for adding a donation button to your website or mobile application. Using the PhonePe payment gateway, you may establish a donate button for your crowdfunding campaign, charitable trust, or non-profit organization. Here are step-by-step instructions to get you started.
I suppose you have a PhonePe merchant account and its credentials, like a merchant key, a merchant ID, and a salt key. So let’s move on to the next process.
if (sizeof($productData) > 0) {
for ($i = 0; $i < sizeof($productData); $i++) {
$price = $productData[$i]['product_amount'];
$product_description = $productData[$i]['product_description'];
$product_name = $productData[$i]['product_name'];
$session_banner = $productData[$i]['session_banner'];
$htmlContent = <<<HTML
<div style="box-sizing: border-box; width: 100%; padding: 10px;">
<div style="box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; display: flex; flex-direction: column; align-items: center;">
<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="$session_banner" alt="Mobile and Desktop"
style="width: 100%; max-width: 300px; border-radius: 4px; margin-bottom: 10px;">
<div style="text-align: center; width: 100%;">
<span style="display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px;">$product_name</span>
<span style="display: block; font-size: 14px; color: #555; margin-bottom: 15px;">
$product_description
</span>
<button style="padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; width: 100%; max-width: 200px;">
Get In Just ₹$price
</button>
</div>
</div>
</div>
HTML;
$productData[$i]['code_snippet'] = $htmlContent;
}
}
