Difference between revisions of "Ajax Order Form"

Revision as of 00:33, 20 August 2010

The Ajax Order Form is a fully open-source & customisable order process utilising Ajax capabilities to create a single page, one-step order process.

Features include:

Single Page, One-Step Order Process
Fully open source & customisable PHP files & templates
Live Order Summary display updating as selections are made
Floating Summary that scrolls with page

Accessing & Using the Ajax Order Form

The Ajax Order Form can be accessed in the "order" subfolder of your WHMCS installation, for example:

www.yourdomain.com/whmcs/order/

The ajax order form consists of 4 main steps for a hosting product order, each of which automatically reveal as selections from a previous step are completed. The process starts with product selection, next comes domain entry, then configuration of any product settings and finally supplying of the clients details or login to an existing account. It is possible to skip the product selection step should you wish to preselect the product for a user and this is explained in more detail below.

As selections are made by the user in the order process, the live order summary displayed in a scrolling box to the right of the form will automatically update to reflect the new prices, totals, and recurring estimates, along with offering the option for the user to change currency and apply a promotion code to their order.

Obviously since the order form makes use of the latest Ajax JavaScript technologies, should the script detect that the users browser has JavaScript disabled or is not capable of running the javascript required, the user will be automatically redirected to the regular shopping cart page.

Linking Examples

The Ajax Order Form supports direct product/group links as you will be used to from the regular shopping cart system. As well as the option to entirely skip step 1. Please see the example urls below for the various ways in which you can link to the form from your site.

Direct Product Link

http://demo.whmcs.com/order/?pid=1

Direct Product Link Skipping Product Selection

http://demo.whmcs.com/order/?pid=1&skip=1

Direct Group Link

http://demo.whmcs.com/order/?gid=2

Customisation

The Ajax Order Form is completely customisable with even the PHP code behind it being open-source.

You will find the PHP file that controls it located @ /order/index.php withint your WHMCS directory which allows you to customise everything from the logic and way orders are handled, to the sequence in which steps occur.

And you will find the template files where you can customise the look and styling of the process @ /order/templates/ The filenames should be easily identifiable as to which sections of the process they control.

Documentation