🔤Custom Fields

How to display Custom Fields for the customers on the Checkout using the Notifications -> Form option.

Guide

1. Create a new customization.

1. Select the Notifications category.

1. Select Form, a notifications type from the options for displaying the form elements on the checkout.

1. Select Dynamic Render option from the given placement options.

1. Add multiple conditions to handle the visibility of the customization on the checkout.

1. Adjust the Form settings for the form customization block which includes element type (Checkbox & Text Field), label for each form element, key for saving the value in the Order details and block checkout to reject checkout if the field is empty.

1. Change the status to active to enable the customization block.

1. Adjust the priority between 0 to 100 to cover multiple use cases for the customizations.

1. In the placement tab, copy the placement ID which will be used on the checkout page.

1. Click on the Save button to save the changes.

1. Go to store Settings, click Checkout and then select a checkout profile and click on customize button to start the customization process.

1. In the Checkout editor, click on the Add app block button located at the bottom left corner of the page.

Make sure you that you have placed the app block at the same placement as selected in the app.

1. Select the Checkout - Form Elements app block, drag and drop the app block at the desired location and paste the placement ID to view the customization block.

1. Click on the Save button to publish the changes live for the customers.

Why does it matter?

Sunco is using Notifications -> Form customization for displaying Custom Fields and improved their Brand Reputation by 10%.