Customizing the Payment Form

The AreteX™ credit card payment form is hosted on a PCI Compliant server. You may use the Payment Form Setup tab, to submit your customizations to the AreteX™ payment server for branding your payment form.

Accepted Credit Cards

Be sure to check the card types you accept. Your customer will be presented with the choices you check on this form.

All Card Types Checked
American Express Not Checked

Style Sheet

You may use your favorite CSS editor to create or modify a style sheet for the payment form that matches the look and feel of your site. A sample style sheet named payment-form-sample.css can be found in the style_sheet_templates subdirectory of this plugin. When you have completed your changes you may upload your customer style sheet to the AreteX™ server.

For your (and your customer's) protection the style sheet will be "sanitized" after being uploaded. A "sanitized" style sheet has had potentially harmful code removed to prevent cross-site-scripting or injection attacks. Since the sanititizer may remove some of your CSS, the actual current style sheet in use by the payment form is shown at the bottom of the "Payment Form Setup" tab. Note: sanitization does not guarantee that all harmful code has been removed. You are ultimately responsible for the security of your site.

Branding Box

The branding box should contain such things as your logo, business name, address, and customer service phone number. If you leave the branding box blank, AreteX™ will put your business name within an h1 tag above the payment form.

You should put raw HTML into the branding box field, so your fonts, colors and images match or compliment your web site. If you add an image tag for your logo, your image source must use an https scheme. For example:

<img src="https://yoursite.example.com/yourlogo.png" >
Like the style sheet, the HTML will be santitized before being stored on the AreteX™ server. Any potentially harmful code (like an image with an http rather than an https scheme) will be removed. Therefore, after you submit the form, the actual HTML for the branding box is displayed in the Branding Box field.

View the Sample

It is obviously important that the payment form be attractive, informative and functional. The View Sample button allows you (the web designer) to see how your style sheet and branding box look on the payment form so you can make adjustments until you are satisfied.

It will often be necessary to clear your browser's cache before viewing the sample payment form, to be sure all of your latest changes are reflected in the sample.