Collect payment using a form

Updated on 20-October-2016 at 10:16 AM

Business Catalyst End of life announcement - find out more details.

You can use Business Catalyst forms to collect payments from site visitors. Use these forms as donation collections, payment for registration to a secure area of the site, or payments for existing unpaid orders.

Note: Collecting payments via a form can only be done using a seamless payment gateway.

Add a payment gateway to process payments

To collect payments via a form, ensure that you set up a seamless payment gateway. For more information, see the following:

Create and insert the form

It is recommended that all links to the page that contain the form are secure (https://) URLs. You can find the secure URL of your site by selecting Site Settings > Site Domains.

Example: https://mysite.worldsecuresystems.com/payment-page

  1. Create a web form with the Credit Card Processing field. See Create and insert a form .

    Note: If your form allows visitors to enter the amount to be paid, it is recommended that you set a minimum payment amount on the form.

    This method is used to avoid any security issues around spammers trying to run several credit cards through your form.   

  2. Open the page to contain the payment form in editing mode. Select Site Manager > Pages and click the page in the tree view.
  3. Place the cursor in the content editor where you want the form to appear in the page. Then click the Add Module to Web Page button above the editor.
  4. In the Module Manager in the right sidebar, select Web Forms > Web Form.
  5. Select the form you created for payment from the list and click Insert. Business Catalyst inserts the form's HTML into the page.
  6. Click Publish or Save Draft.

Modify the amount field

  • Open the page that contains the form in editing mode.
  • Click the HTML tab and locate the amount field in the form. Example:
<input type="text" value="100.00" readonly="readonly" style="display:none" class="cat_textbox" id="Amount" name="Amount">
  • Specify any of the following attributes in the code:

To set the amount, enter value="XX.XX" (replace X with the actual value)

To lock the field, enter readonly="readonly"

To hide the field, enter style="display:none"

Example:

<input type="text" value="100.00" readonly="readonly" style="display:none" class="cat_textbox" id="Amount" name="Amount" >

Send an invoice

When the visitor submits a payment form you can send them the invoice right away.

  1. Locate the page the webform is inserted into and open it up in the Admin console
  2. Switch to the HTML view - we will need to edit the form's "action" parameter
  3. At the very end of the action parameter add &SendInvoice=true
  4. Save the form

For example the default action of a form may look like this:

<form action="/Default.aspx?CCID=15908&amp;FID=91458">

this will need to be changed like this:

<form action="/Default.aspx?CCID=15908&amp;FID=91458&SendInvoice=true">

Related content