Payment Page Demos

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.

Full Product and Checkout Information View full code here.

Hosted Payment Pages - How They Work

Creating a New Payment Page

Using Your Payment Page

Sending Data to a Hosted Payment Page

Receiving Approval Data from the Page

Creating Custom Fields

Customizing the CSS

Was this article helpful?

Click here if you return to the content

Code Samples

[CODE] Code Sample

<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>

Payment Page Demos

Minimal Page

Paying for an Invoice

Paying with a Preset Invoice # and Amount

Related Articles

Was this article helpful?