Smilehouse Workspace HOWTO Articles

Howto alter the order form

This howto will explain how to create a custom order form. This is very useful for example if you want some of the questions to be in different place than the others on the form or make more advanced forms than the basic one which is generated automatically by Workspace from the user questions.

Order Questions

First the order questions must be added in place (described in Workspace manual, chapter 7.3.)
To add questions, go to Customers -> Settings -> Customer Questions

In this howto it is assumed that you have created three questions: company, name and one custom question.
When using custom questions there is a number next to question inside brackets.
You should keep in mind this number and in this document that number is 101.

The Form
(order page 1/3)

After custom questions have been added you need to alter the order form.
Go to: Visual -> WWW-outlook -> Page construction -> Order 1 -form

Delete the basic order form labeled Order Form by pressing the trash button next to it.

Add a new Free HTML-WAE by pressing Free HTML-button in left frame.
Put this HTML-code to the HTML-WAE:

<form accept-charset="UTF-8" method="POST" action="PublishedService?" enctype="application/x-www-form-urlencoded" name="orderForm">
<input name="formName" type="hidden" value="orderForm">
<input name="file" type="hidden" value="page">
<input name="pageID" type="hidden" value="8">
<input name="orderFormSent" type="hidden" value="true">

Then we create fields for our customer questions. First we add field for company by inserting following line into textarea:
Your company: <input name="company" type="text" value="">

Then we add a field for name:
Your name <input name="name" type="hidden" value="">

Last we add a field for custom question:
My question: <input name="user1" type="hidden" value="">

NOTICE: user13 comes from the number of the custom question, which was 101.
Custom questions starts from 100 (name=user0) and you can check the numbers from
Customers -> Settings -> Customer Questions.

Then we add a submit button and close the form:
<input type="submit" value="Continue order">

Order confirmation page (order page 2/3)

After custom order form has been created we can need to custom the order confirmation page.
This page shows the answers user has given to fields in order form (step 1) and asks user to check that all information is correct.

Insert an HTML WAE to the page as you did in the previous step and add this code into it:

<form accept-charset="UTF-8" target="_top" method="POST" action="PaymentHandler" enctype="application/x-www-form-urlencoded">

Company: $order_answer_company$
Name: $order_answer_name$
My question: $order_answer_user_question_101$

<input type=""submit" value="Make an order" name="order_sent">

Obviously you should use more always more fields on the order form but this HOWTO was made using only three questions to give you an advice on how to make your own, specialised order form.

<< Back to HOWTO index