Creating an online order or purchase form

In the following post i will discuss the differences between an order form and a purchase form and provide a step by step instruction of how to create a simple order form (I will elaborate on the purchase form in the next post).

Many people have started to collect orders and even sell their products online. In order to add this kind of email form to your website you will probably need to spend a large sum of money to hire a professional programmer. Another alternative, especially for those who do not have any programming skills, is using a form builder.

What is the difference between an order form and a purchase form?
An order form – is a form in which the users choose a product and order it. This form does not deal with the purchasing process at all. Usually the multi-line element is used in this form to collect the info of several items.
A purchase form – a form in which the users can choose the item they want to buy and pay for it online using PayPal/Google checkout/Swreg/Moneybookers. In order to create such a form you have to use the “Payment Integration” option.

Here is a step by step instruction of how to create an order form in the form builder:
1- drag elements to collect the user’s personal information –
textbox to collect his/her name
textbox to collect his/her address
textbox to collect the phone number
email element to collect the user’s email address
Order-elements

a multiline which contains a textbox for collecting the product name, a numeric textbox for collecting the
quantity of each product and a textarea for collecting free text (remarks).
OrderMultielements
* Don’t forget to give each element a name (element settings>caption) and tab index number (element
settings>tab index).
Read more about the cation
Read more about tab index
2- Drag labels for each element. Change their text to be same as the element’s name and
place them next to the relevant elements.
Order-labels
3- Drag 2 labels and create section titles: Personal details and Order details.
Order-titles
4- Drag a submit button.
Order-submit
5- Design the form (colors, positioning etc)
6- Save the form.

Please tune in for the next post about creating a purchase form.

Advertisements

One thought on “Creating an online order or purchase form

Comments are closed.