How to create Custom Field?

(Note:- The Functionality will work only with the Shopify Plus store.)

You can display custom field on checkout page, this field will display on the section where customer fill out other details of name & address and the information that customer add will display on the Shopify order. It will work like below screenshot.

Follow the below steps to create a custom field:-

1. Open the app >> Go to Checkout Elements >> Click on the "Create Block" button.

2. Click on the Continue button in the Custom Field.

3. Add a name for the block, it will only display to the admin to identify the specific block.

4. Block Visibility:- When you have created multiple custom field blocks and you want to decide which one you will display first and you want to adjust the order of each block then you can use the block visibility feature. Here you need to select any number and the number you will select here, you need to choose the same number when you set the block in the checkout editor.

5. Select the Rule:- You can display the block to specific users based on condition OR all users.

If you select "Only show when.." then you need to create condition as per your requirement.

All Below:- If you set multiple conditions then block will only display when all condition criteria will match in checkout.

Any Below:- The block will display when any one of the conditions will match from among all.

6. Select the field place where you need to display the information added by customer in Shopify Order page.

7. Type the heading name and add the type of field you want to display, i.e. Checkbox, Choice list, Date Picker, Date of Birth, Dropdown, Phone Field, Text Input and save it.

How to enable custom field block in the checkout page?

1. Go to the Shopify Setting >> Checkout >> click on the "Go to Checkout Editor" button.

2. Click on Add app block from botton left corner and add "Custom Field" block and save it.

3. Now customize the block design and save it so it will start to display on live store checkout page.

if you get any issue there then feel free to contact our support team at support@webcontrive.com, we are happy to help you.