Prerequisites
Complete the module's Module 1 - Foundational Setup before you proceed.
The NewStore Associate App offers flexibility in capturing additional information during checkout, enabling retailers to customize the checkout experience to suit their unique business needs. These enhancements allow associates to collect data beyond the standard checkout fields, facilitating personalized customer interactions and improved service.
Configuring the app for checkout customizations
To enable custom data capture during checkout, configure the list of extended attributes in the Associate App configuration. Each attribute has a corresponding attribute_name, which determines whether the data is captured at the line item level or at the order level. Retailers can also apply data validation using regular expressions (regex) to ensure accurate data entry.
Item-level customization
For item-level data capture, custom fields can be conditionally displayed based on the presence of sibling extended attributes. This enables precise data collection tailored to specific products.
Order-level customization
Custom fields can also be applied at the order level, allowing associates to capture broader details that pertain to the entire transaction.
Sample configuration example
Below is an example of a configuration setup:
Item level: If a product has an extended attribute named
monogramming-1, the app displays a text field in the item-level menu, restricted to a single character using regex validation.Order level: All carts can display an option to enter an order-level
Gift Message, enhancing personalization.
By leveraging these checkout customizations, associates can efficiently capture essential customer information, enhancing the overall shopping experience and tailoring it to the retailer's needs.
{
......
......
"customizations": {
......
"editable_extended_attributes": {
"item": [
{
"attribute_name": "monogramming_text",
"keyboard_type": "default",
"label": {
"en": "Monogramming"
},
"prompt": {
"en": "Monogramming Text"
},
"sibling": "monogramming-1",
"validation_regex": "^[A-Za-z]{1,1}$"
}
],
"order": [
{
"attribute_name": "gift_message",
"keyboard_type": "default",
"label": {
"en": "Gift Message"
},
"prompt": {
"en": "Gift Message"
}
}
]
},
......Note
See Associate app configuration to configure the
displayed_extended_attributesproperty.
Loading externally created carts
The topic has been moved and described in detail in Product Customization and External Cart.