Order Form Example

Using Layout C, the online order form is seen after a user has added items to their cart and proceeded to the secure checkout. This screen shows many different form elements and how they should be styled across the site.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Cart Summary

The Cart Summary page gives users a full description of what is inside their shopping cart. A maximum of 3 items can populate the shopping cart at any one time.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Cart Summary (with 0 items)

An empty cart results in the following screen.

View full-size Jpeg of this template
 
Return to top
 

Cart Summary (including a Prepaid item)

This screen shows the resulting page when a prepaid item is added to the cart (Package 1).

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Order Confirmation

After completing the order form with the users details a confirmation page is presented before placing the order.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Thankyou Page

This page appears once an order has been placed in the shop and sent.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Check Order Status

Once an order has been placed, users can login and check the status of their orders.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 

Order Status Login

This is the login screen which enables users to check their order’s status.

View the HTML version of this template View full-size Jpeg of this template
 
Return to top
 
Layout A Layout B Layout C