Portal Integration Guide
Learn how to connect your custom HTML portals to the ISPDueNotice confirmation engine. Receive instant Telegram alerts and log subscriber activity effortlessly.
How it Works
Build or buy any HTML design. Our system serves it directly to your network clients.
Send payment details from your portal to our secure API endpoint.
We verify API access and relay the data to your configured Telegram Bot.
Telegram Bot Integration
Connect your own Telegram Bot to receive real-time notifications when subscribers submit their payment details through your custom portal.
Search for @BotFather on Telegram.
Send /newbot and follow instructions to get your API Token.
Search for @userinfobot on Telegram.
Send any message to it to receive your unique Numeric ID (e.g., 987654321).
Final Step: Activation
Log in to ISPDueNotice > Account Settings. Paste your Bot Token and Chat ID. Use the "Test Notification" button to ensure your bot can message you.
API Endpoint
https://ispduenotice.com/api/payment-confirmationNote: This endpoint only accepts JSON payloads. Ensure your request header includes Content-Type: application/json.
Required Parameters
clientId[string]Use the {RedirectID} placeholder. This is your unique account identifier.
accountName[string]The sender's name or account title.
modeOfPayment[string]e.g., GCash, MariBank, Maya.
amount[number]The exact amount paid by the client.
reference[string]The transaction reference number from the receipt.
Implementation Example
<!-- 1. The Form Structure -->
<form id="ispForm" class="payment-form">
<!-- IMPORTANT: Always include the RedirectID -->
<input type="hidden" name="clientId" value="{RedirectID}">
<div class="form-group">
<label>Account Name</label>
<input type="text" name="accountName" required placeholder="Gcash Name">
</div>
<div class="form-group">
<label>Mode of Payment</label>
<select name="modeOfPayment" required>
<option value="GCash">GCash</option>
<option value="MariBank">MariBank</option>
</select>
</div>
<div class="form-group">
<label>Amount Paid</label>
<input type="number" name="amount" required placeholder="0.00">
</div>
<div class="form-group">
<label>Reference Number</label>
<input type="text" name="reference" required placeholder="Ref # from receipt">
</div>
<button type="submit" id="submitBtn">Submit Confirmation</button>
</form>