SC Custom Fields Extension

Feature: 

• The Suite Commerce Custom Fields extension lets you add custom fields to the checkout application and Product Detail Pages of Suite Commerce sites. You can use custom fields to request or provide additional information, such as shipping instructions and item manufacturing details. 
• Suite Commerce Custom Fields lets you add text, checkbox, and date-type transaction body fields to the checkout application of Suite Commerce sites. You can also include additional item fields on Product Detail Pages to provide more information on your items. 

Install SC Custom Fields Bundle  

• Navigate to Customization > Suite Bundler > Search and Install bundle 
• Search for SC Custom Fields in search box (Bundle ID= 251720) 
• Select the bundle SC Custom Fields 
• Click on install 

Activate the Custom Fields Extension  

• Navigate to Commerce > Extension > Extension Manager 
• Edit the domain in which we want to Activate the Extension. 
• Click on the Extension tab. 
• Select Custom Fields and click on Activate. 

The Suite Commerce Custom Fields extension lets you add custom fields to the Checkout application and Product Detail Pages (PDP) of your website without customizing any source code or themes. 

1. Custom Fields for Checkout 

2. Custom Fields for the PDP 

Custom Fields for Checkout 

The SC Custom Fields extension lets you add custom transaction body fields to the checkout application in Commerce websites. You can use these fields to request or provide additional information, such as shipping instructions, special order requests, and delivery time slots. 

SC Custom Fields lets you add text, check box, and date-type transaction body fields to Commerce websites. You can add custom fields before or after existing checkout modules. For example, you can include fields before shipping method, billing address, or payment method blocks in the standard checkout flow. 

To display custom transaction body fields in the Checkout application of your site, perform the following steps: 

• Create Custom Fields for Checkout 
• Configure Custom Fields for Checkout 

Create Custom Fields for Checkout 

To add new fields to Check out, you must create custom transaction body fields in your NetSuite account. 

The SC Custom Fields extension allows the following transaction body field types: 

• Check Box 
• Date 
• Text Area 
• Long Text 

• Free-Form Text 

When you create a transaction body field for the SC Custom Fields extension, be aware of the following: 

• The Field Type must match the field type you want to include in the checkout application. 
• The Web Store and Sale fields must be checked in the Applies To subtab. 
• If you select the Mandatory box in the Validation & Defaulting subtab, the field is mandatory for all domains, and you must mark it as required in the Suite Commerce Configuration record for all the domains of your website. 

• If you want the new transaction body field to be required in only one domain, you should mark the field as required in the configuration of that domain only. You do not need to mark it as mandatory during creation. 
• The subtab where you want to display the custom field on the Sales Order record should be selected in the Display subtab. Otherwise, the field is shown in the Custom subtab of the Sales Order record. 

Configure Custom Fields for Checkout 

Use the SC Configuration record to choose which fields to add to Checkout and how they display. You can also set feedback messages that display to users on your site. 

Consider the following points when determining the order and positioning of your custom fields: 

• You can add a custom field before or after a standard checkout module. For example, if your SC site uses the standard checkout flow, you can add custom fields before or after the shipping method block in the Shipping Address page. 
• If you want to change the order of existing modules in the checkout application, you should do this before adding new custom fields.  

• The order in which you list custom checkout fields in the Custom Fields subtab of the SC Configuration record determines the order of the custom fields in Checkout. 

To configure Custom Fields for Checkout: 

1. In NetSuite, go to Commerce > Websites> Configuration. 

2. Select the website and domain where the Custom Fields extension is activated and click Configure. 

3. Navigate to the Extensions tab. 

4. In the Custom Fields subtab, set the following fields: 

5. Messaging Fields: 

Field	Description
Required Field Warning Message	Sets the message to display when the user leaves a required field blank. The placeholder [[field]] is replaced by the field name automatically.
Required Fields General Warning	Sets the message to display at the top of the page when the user leaves a required field blank.
Loading Message	Sets the message to display when the custom fields are loading.
Loading Error Message	Sets the message to display when an error occurs while loading.
Saving Error Message	Sets the message to display when an error occurs while saving.

Checkout Custom Fields: 

For each custom field you want to include in Checkout, insert a row in the Checkout Custom Fields table, and complete the following fields as needed. 

Field	Description
Field ID	Links the field ID of the custom field you want to employ with a Checkout field. To find the field ID, go to Customization > Lists, Records & Fields > Transaction Body Fields and open the Transaction Body Field record.
Position	Determines the position in Checkout where the custom field appears.
Module	Determines the module in Checkout on which the custom field’s position is based. You can choose from the following Checkout modules: Shipping Address Shipping Method Gift Certificate Payment Method Review Shipping Review Payment Terms and Conditions
Field Type	Determines the type of custom field. The Field Type must be identical to the Field Type selected in the Transaction Body Field record.
Label	Sets the label for the custom field to display to users.
Placeholder	Sets the placeholder text to display in the custom field.
Required	If checked, makes the custom field required for a user in Checkout. You must check this box if the Mandatory field is checked on the Transaction Body Field record.

Click Save. 

Custom Fields for the PDP 

Using the SC Custom Fields extension, you can choose to display any standard or custom item field on the Product Details Page (PDP) and Quick View window. Additionally, experienced customers can add Schema.org item properties to the fields to improve search engine optimization. 

Activating the Custom Fields extension adds several native NetSuite fields to the Custom Fields section of the SC Configuration record, which you can use to display additional item details. 

You can also create your own custom fields to include on the PDP. Standard or custom item fields display on the PDP in the SKU label format. 

To make native NS or custom fields available for use on the PDP, you must: 

• Update Field Sets 

• Configure Custom Fields for the PDP 

Update Field Sets 

The field sets for a website determines the data that is exposed to site templates. To employ custom fields on the PDP, you must add several fields to the details field set for the site. In addition, to display the custom fields on the PDP of a matrix subitem, you must also add the fields to the matrixchilditems field set.  

These instructions include the fields added automatically with the extension, but you must also add any additional fields you want to display on the PDP. 

To add custom fields to the Web Site Setup Record: 

1. In NetSuite, go to Commerce > Websites> Configuration. 

2. Click Edit next to the website to which you are adding custom fields. 

3. Navigate to the Field Sets subtab. 

4. Add the following fields to the details and matrixchilditems field sets: 

• UPC Code 
• Manufacturer 
• MPN 
• Manufacturer Country 
• Item Weight 

5. To add each field to each field set, perform the following steps: 

6. Locate the Fields Included in Field Set column and click the Set button. 

7. Select the fields from the Field Name list and click Add. 

8. In the Field Set window, click Submit. 

9. In the Field Set row, click OK. 

10. After adding all of the fields to both field sets, click Save. 

Configure Custom Fields for the PDP 

Use the SC Configuration record to choose which fields to add to the PDP and Quick View window. You can also associate each field with a schema property to improve search engine optimization. 

To configure Custom Fields for the PDP: 

1. In NetSuite, go to Commerce > Websites> Configuration. 

2. Select the website and domain where the Custom Fields extension is activated and click Configure. 

3. Navigate to the Extensions tab. 

4. In the Custom Fields subtab, PDP Fields section, set the following fields for each custom field you want to include on the PDP: 

Field	Description
Label and Field ID	Links to the label and field ID of the field to include on the PDP. The item field ID is listed as [[fieldid]] to automatically display the value. If an item does not have a value for a field, the field does not display for that item. You can use more than one field within the same line to display the fields in conjunction. For example, if the Label and Field ID field is set to Item Weight: [weight] [weight unit]], the line displays as Item Weight: 7 lb. Basic HTML formatting tags are supported.
Enable	If checked, displays this field on the PDP and Quick View window.
Hide from Quick View	If checked, hides this field from the Quick View window. If unchecked, this field still appears on the PDP if the Enable field is checked.
Schema.org Property	Links to a schema property tag to improve search engine optimization. You can find a list of suggested schema properties and more information at Schema.org. This feature is for experienced users; NetSuite does not verify if the schema property is correct.

Click Save.