Custom fields on order

Search…
Since v2.2.1 you can add custom-defined fields to the order form.
Setting up the custom fields
The custom fields can be entered if you login as admin and then go to Site Setting. There go to the "Setup" tab and on the bottom, you will see the "Custom fields" section.
The custom fields are defined using JSON syntax. So make sure you have a valid JSON string.
Here is an example of custom fields. You can use this tool to create the JSON.
1
[{
2
        "title": "Customer phone numner",
3
        "key": "customer_phone_number",
4
        "ftype": "input",
5
        "type": "phone",
6
        "placeholder": "Enter your phone"
7
    },
8
    {
9
        "title": "Customer email",
10
        "key": "customer_email",
11
        "ftype": "input",
12
        "type": "email",
13
        "value": "[email protected]"
14
    },
15
    {
16
        "title": "Country",
17
        "key": "customer_country",
18
        "ftype": "select",
19
        "data": {
20
            "macedonia": "Macedonia",
21
            "usa": "United States of America"
22
        }
23
    },
24
    {
25
        "title": "is this a gift",
26
        "key": "send_as_gift",
27
        "ftype": "bool",
28
        "value": true
29
    },
30
    {
31
        "title": "Custom note",
32
        "key": "custom_note",
33
        "ftype": "textarea"
34
    }
35
]
Copied!
In the example above, this will output 5 form fields in the order tab.
Custom Fields
Here is an explanation of the different fields use
Field key
Description
title*
Title - label on the fields
key*
The unique identifier - use lowercase no space and no special characters
ftype
input, select, bool, textarea
type
When ftype is an input you can define input types​
placeholder
Placeholder for input
value
Predefined value
data
Used only in ftype=select. List of option for the select
Translation of the custom fields
You should add translation keys for these custom fields keys inside the translation menu. Add them to the "custom" group as shown on the image.
Add new language
Usage - Previous
Import from CSV
Next - Usage
Add your own landing page
Last modified 1yr ago
Copy link
Contents
Setting up the custom fields
Translation of the custom fields