Payment Page Demos
  • 30 Aug 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light

Payment Page Demos

  • Dark
    Light

Below are some of the ways that the hosted payment page can be used. Click on the "Pay Online" buttons to view an example. Advanced users can create more complex pages by sending data to the page and customize the look and feel.

Minimal Page

https://gateway.qa.helcim.com/hosted/?merchantId=9999200106&token=8c4ag2gi76hhd19h8

Paying for an Invoice

https://gateway.qa.helcim.com/hosted/?merchantId=9999200106&token=59ddhhb2bc9fa7a09c

Paying with a Preset Invoice # and Amount

https://gateway.qa.helcim.com/hosted/?merchantId=9999200106&token=c74e2ad2ca1egge3dig&orderId=INV1234&amount=150.00

Full Product and Checkout Information View full code here.


Code Samples

<form name="FormDemo1" action="https://gateway.qa.helcim.com/hosted/?merchantId=9999200106&token=ib0ebb931104h861" method="POST" target="_blank" >
<input type="hidden" name="amount" value="18.00">
<input type="hidden" name="itemId1" value="SKU1">
<input type="hidden" name="itemDescription1" value="Product 1">
<input type="hidden" name="itemQuantity1" value="2">
<input type="hidden" name="itemPrice1" value="5.00">
<input type="hidden" name="itemTotal1" value="10.00">
<input type="hidden" name="itemId2" value="SKU2">
<input type="hidden" name="itemDescription2" value="Product 2">
<input type="hidden" name="itemQuantity2" value="1">
<input type="hidden" name="itemPrice2" value="5.00">
<input type="hidden" name="itemTotal2" value="5.00">
<input type="hidden" name="shippingAmount" value="1.00">
<input type="hidden" name="taxAmount" value="2.00">
<a href="#Pay" onclick="document['FormDemo1'].submit();"><img border="0" src="https://www.helcim.com/images/buttons/Helcim-PayOnline03.png" style="border: solid 0px white; box-shadow: 0px 0px 0px white;">
</form>