Payment Request FormΒΆ
The first step in integrating with the FloCash gateway is to create a payment form in thecheckout page. A payment form collects order information from the customer and invokes the FloCash Express Checkout page.In addition to order data, the customer designates the method of payment with which he or she wishes to pay. The order information can include a billing address and a shipping address. The customers card or mobile wallet details needs to be sentin the authorization request the payment page provides a form for the customer to enter these details securely. Further details on correctly formatting and sending the authorization request are shown in the API section of this manual.
The information collected from the form should include additional hidden elements set by the merchant. The submit action of this form sends data to the FloCash payment gateway, where a payment page is dynamically created for the customer.
An example of this form is as follows:
Set Form action to http://sandbox.flocash.com/ecom/ecommerce.do
Set Form method to ‘’POST’’ or ‘’GET’‘
Input parameters:
No. | Field Name | Description | Note |
---|---|---|---|
1 | amount | The total amount the buyer needs to pay | Total amount to pay |
2 | currency_code | 3-letter code of the currency of the amount based on ISO 4217 | Currency for the transaction |
3 | custom | Customer Id | This is a custom field that the merchant can pass to the FloCash gateway |
4 | item_name | Item description which will be displayed to buyer atcheck out |
|
5 | item_price | Price per item | |
6 | merchant | Merchant email(which was registered at FloCash) |
This field is used by FloCash gateway to identify the merchant. |
7 | order_id | Order Id | Used for managing orders |
8 | quantity | The number of items | |
9 | notify_url | The url that FloCash should send notifica tion to |
This parameter is optional can also be set under merchant profile |
10 | Cancel_url | The url that FloCash should redirect user if payment is cancelled by buyer | This parameter is optional canalso be set under merchant profile |
11 | Custom | The url that FloCash should edirect user if payment is successfully completed | This parameter is optional can also be set under merchant profile |
Example HTML code:
<form action="http://sandbox.flocash.com/ecom/ecommerce.do" method="post">
<!--Merchant account--> <input type="hidden" name="merchant" value="your_email@domain.com"/>
<!--Order Id-->
<input type="hidden" name="order_id" value="<?php echo rand(100000, 999999);?>"/>
<!--Customer Id-->
<input type="hidden" name="custom" value="<?php echo rand(100000, 999999);?>"/>
<!--Currency Code-->
<input type="hidden" name="currency_code" value="USD"/>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<col width="150" align="right">
<col align="left">
<!--Item Name-->
<tr>
<td>Item</td>
<td>
<input type="text" id="item_name" name="item_name" readonly="true" value="Merchant Credit"/>
</td>
</tr>
<tr>
<td>Price</td>
<td>
<select id="item_price" name="item_price" style="width: 100px" onchange="javascript:calculate();">
<option value="0.1">0.1</option>
<option value="0.2">0.2</option>
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</tr>
<tr>
<td>Quantity</td>
<td>
<select id="quantity" name="quantity" style="width: 100px" onchange="javascript:calculate();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
<tr>
<td>Amount</td>
<td><input id="amount" name="amount" style="width: 100px" readonly="true"> USD</td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Checkout"></td>
</tr>
</table>
</form>
JavaScript for calculating total amount automatically using item price and quantity:
<script type="text/javascript">
function calculate() {
var amount = document.getElementById('amount');
varitemPrice = document.getElementById('item_price');
var quantity = document.getElementById('quantity');
amount.value = itemPrice.value * quantity.value;
}
// calculate on page load
calculate();
</script>