
This is a responsive mobile & desktop Credit Card demo
<form name="Post" action="https://virtual.mygateglobal.com/PaymentPage.cfm" method="post" align="center"> <!---FORM POST---> <!-- Mode value 0 indicates that this is in Test Mode. Change the value to 1 for Live Mode. --> <!---TEST MODE---> <input type="hidden" name="Mode" value="0"> <input type="hidden" name="MerchantID" value="F5785ECF-1EAE-40A0-9D37-93E2E8A4BAB3"> <!---M1 Pay Now Service Key---> <input type="hidden" name="ApplicationID" value="1DBBBAAE-958E-4346-A27A-6BB5171CEEDC"> <!---M2 Software Vendor Key---> <input type="hidden" name="MerchantReference" value="INV15642"> <!---P2 Unique Description---> <input type="hidden" name="Amount" value="150.00"> <!---P4 Amount---> <input type="hidden" name="txtCurrencyCode" value="ZAR"> <!---NULL---> <input type="hidden" name="RedirectSuccessfulURL" value="https://developers.wirecard.co.za/my_virtual.php#virtualResponsePanel"> <!---Success URL---> <input type="hidden" name="RedirectFailedURL" value="https://developers.wirecard.co.za/my_virtual.php#virtualResponsePanel"> <!---Decline URL---> <!-- Additional variables for that can be populated by the merchant --> <input type="hidden" name="Variable1" value="Delivery"> <!---M4 Extra1---> <input type="hidden" name="Variable2" value="INV15642"> <!---M5 Extra2---> <!-- First items details for clients --> <input type="hidden" name="Qty1" value="1"> <!---M6 Extra3---> <input type="hidden" name="ItemRef1" value="Item Ref 1"> <!---NULL---> <input type="hidden" name="ItemDescr1" value="ItemDescription 1"> <!---P3 Description---> <input type="hidden" name="ItemAmount1" value="5"> <!---NULL---> <!-- Second items details for clients --> <input type="hidden" name="Qty2" value="2"> <!---Could be M9 - email address---> <input type="hidden" name="ItemDescr2" value="ItemDescription 2"> <!---Could be M11 - mobile number---> <input type="hidden" name="ItemAmount2" value="5"> <!---Could be M10 - cart parameter---> <!-- Additional details for the purchased items --> <input type="hidden" name="ShippingCost" value="0.00"> <!---NULL---> <input type="hidden" name="Discount" value="0.00"> <!---NULL---> <!-- Fields for Clients Shipping Details --> <input type="hidden" name="Recipient" value="Joe Soap"> <!---NULL---> <input type="hidden" name="ShippingAddress1" value="15 Yorke Street"> <!---NULL---> <input type="hidden" name="ShippingAddress2" value="Gardens"> <!---NULL---> <input type="hidden" name="ShippingAddress3" value="London"> <!---NULL---> <input type="hidden" name="ShippingAddress4" value="8000"> <input type="hidden" name="ShippingAddress5" value="United Kingdom"> <!---NULL---> <input type="submit" value="Pay Now" id="virtualPost"> </form> REF : <a href="https://api.sagepay.co.za/integration/Inbound%20Payments/paynow_gateway" target="_blank" rel="noopener">PAY NOW SPEC</a> Card-IO GitHub : <a href="https://github.com/card-io/card.io-Cordova-Plugin" target="_blank" rel="noopener">card.io-Cordova-Plugin</a> Card-IO Plugin : <a href="https://www.outsystems.com/forge/component-overview/1438/card-io-plugin" target="_blank" rel="noopener">Card IO Plugin</a>