Master Login
Username:
Password:
Client Login
Username:
Password:
Basic Updating Tutorials Editing Features Tutorials Advanced Tutorials

E-Basket - Customised Checkout Form

You have the option of customising the checkout form so that you can request additional information if required.

Editing a Form Field

  1. Go to the 'Shopping Basket Admin - Checkout Form' page.
  2. Scroll down to the bottom of the current fields. The fields you have created are displayed below the basic form fields. Select edit.
  3. Make your changes.
  4. Click the 'Submit' button to save.

Removing a Form Field

  1. Go to the 'Shopping Basket Admin - Checkout Form' page.
  2. Scroll down to the bottom of the current fields. The fields you have created are displayed below the basic form fields. Select remove.
  3. Complete the removal by clicking the 'Click here to confirm' link.

Adding a Custom Form Field

  1. Go to the 'Shopping Basket Admin - Checkout Form' page.

    Custom chekout form

  2. Enter a Description - This will display next to the field on your web page.

  3. Enter a Name - This will display as the field name when you receive your copy of the email form.

  4. Select a Type from the menu.

    Type of form fields

    5. 4.1 - Radio Buttons: Only one option can be selected

    4.2 - Text Box: A single line of text can be freely typed into the box.

    4.3 - Check Boxes: Multiple boxes can be selected.

    4.4 - Select Box: Only one option can be selected from a preset menu.

    4.5 - Text Area: Multiple lines of text can be freely typed into the area.

  5. Enter Size/Data

    6. Content for this box is determined by which option you selected for 'Type'.

    Select Box/Check Boxes/Radio Buttons If you are using any of the above options you need to enter words separated by commas i.e. I would like option 1, I would like option 2, Not Sure. This will create the different selection options.

    Text Box
    If you selected a Text Box, you need to enter numbers to set how wide you want the text box to display i.e. 30 (use only numbers, do not insert px at the end).

    Text Area
    If you selected a Text Area, you need to enter numbers to set how wide and how high you want the text area to display i.e. 30,4 (use only numbers, do not insert px at the end). The first number (30) sets the width and the second number (4) separated by a comma determines how many text lines high the box will display. If the person filling in the form types more than 4 lines the text area will automatically scroll to accommodate the extra content.

    Form text area

  6. Enter Default Data - If you have selected to use a Text Box or Text Area you can type words/sentence into this box and they will appear in the boxes before the visitor starts filling in the form.

  7. Required - Ticking this option will mean the form cannot be completed unless the associated question has been answered. If the visitor tries to send the form a message will appear telling them to complete the field. A red star will appear next to all required fields on your web page.

  8. Click 'Add a New Field' button to save.

 

Also see:
View PDF Open PDF Help Sheet
Watch Video Tutorial Watch Video Tutorial