There are times that you may want to add additional field to your checkout billing page, registration page, shipping page, or even quote page (you name it). DecoNetwork allows you to do it. A common example to use custom registration fields is when you use affiliate stores to work with different type of organizations, such as schools or sport teams. Very often the orders are made by parents, but you still need a child’s name to process the transaction. In this tutorial I will show you how to create custom field “Child’s Name” which will be included in the checkout page. Also, I will show you how to include this newly created field in print sheet (invoice) by using the custom variable.
1. First, you have to start with creating the custom field named “Child’s Name” It is entirely up to you how you will call it, so “Player’s Name” or any other string of words is fine as well. This can be done in Manage Fulfillment > Customers > Customer Register Fields
![1]()
2. On the next page click on Add Custom Field.
![2]()
This will add a new field on the bottom of the page where you can:
a) Choose the Title (Child’s Name)
b) Choose the Type (Text Field)
c) Choose the Stores where this newly created field will be revealed (You can narrow the selection to certain stores only)
![3]()
3. Save the changes.
4. Now that you have the custom field created, you need to decide where you want this field to be displayed, and if this is required or just visible (If it is visible, your customers can leave this field blank and still be able to proceed to the next page.). You can do that by going to Define Field Usage
![4]()
5. On that page you can define which field is displayed and on which page. Some fields, such as name or address, are required. Please make sure to select check-box for visible and required for the newly created field under: Checkout: billing details
![5]()
6. Close the window and Save the changes.
7. Once this is done, you should be able to see this field during the checkout as shown below:
![6]()
You still need to include this field on your print sheet, otherwise you are not going to see Child’s Name to be included anywhere in the production files.
8. To include custom registration field on your print sheet you need to use the variable which will display it and add it to the worksheet and order template in your store.
The variable is {{customer.custom_fields.xxx }}
Where XXX is the name of the field in lowercase, with all non alphanumeric fields changed to _
i.e: “Test Field” = “test_field”
Note: Non alphanumeric character is anything what is not A-Z or 0-9.
In this case your variable is {{customer.custom_fields.child_s_name}} (Note: if you used different name, such as Player’s Name, then you will need to replace child_s_name with player_s_name)
9. Now, you have to add this variable to the Order and Worksheet template in Manage Fulfillment > Customers > Email Templates
![7]()
10. On the next page click on Order templates and then Configure next to Worksheet.
![8]()
11. Then click on Customize template and select the check-box Customize default template
![9]()
12. Now, here is the tricky part where some basic HTML understanding would help, but is not required. Basically you need to decide where you want to display that field on your worksheet. First, it is a good idea to click on Test (right upper corner) so you can see the default template. In this tutorial I will show you how to add custom field right below the email address under billing details as shown below:
![10]()
13. Next, you need to find this spot in the code. The easiest way to do it is by using Find option in your browser. For example in Mozilla you can click Ctrl+F and the Find option will appear on the bottom of the page. Then you can type in “email” because you want this code to be added right below it, and it should take you to that place in the code.![11]()
14. Once you find the code, you just need to add the variable along with the description right below the email. For example you can add this:
<br/>Child’s Name: {{customer.custom_fields.child_s_name}}
as shown below:
![12]()
Where <br/> is the code which will break the line (display your Child’s Name in the next line on the worksheet).
Child’s Name is the title for the content which comes next.
{{customer.custom_fields.child_s_name}} displays the information provided by the customer during the checkout.
15. Click Update.
16. Please repeat steps 9-15 for Order Template.
![13]()
![]()
![]()
