Input fields let you ask customers to provide additional information, such as gift messages, for products you sell online with Lightspeed eCom (E-Series). This way, shoppers can personalize the product they’re about to buy and more. You can make providing input mandatory or voluntary for your customers.

After checkout in your online store, all the customer input will appear in the order details, as well as in your store’s notifications and in invoices.

Input fields let you collect information for individual items right on the product page before adding to cart. To gather information for the whole order in the cart, use custom checkout fields.

Available input field types in eCom

The following input field types are available in your online store:

• Text Field and Text Area are input text fields where your customers can type any text for a product. It is often used to offer personalization, engraving, custom printing, or embroidery for products. Compared to text fields, text areas can contain multiple lines.
• Date Picker is a pop-up calendar to select a date for a product or service.
• File Upload allows customers to attach files such as images, text files, and videos to the product or service they order online. For example, if you print logos on T-shirts or offer any other services that involve custom designs provided by the customer. The maximum allowed file size is 25 GB.

Creating input fields in your online store

You can add an unlimited number of input fields to each product to help customers personalize their purchase in your online store.

To create an input field for a product:

1. In Retail POS, navigate to Catalog > Products.
2. Open the product you want to edit or create a new one.

3. Scroll down to the Online customer input fields block and click + Add an input field.

   

4. Add the name of the input field (for example, "Gift message").

5. From the Input field type dropdown, select your option. For example, if you want your customer to add a long gift message with several paragraphs, click Text Area:

   

6. (optional) Tick the Required field box if you want customers to be required to provide input. This way, a customer cannot add a product to the cart in your online store without filling out the field.
7. Save the changes.

Repeat the above steps to add more input fields if needed.

Here is how a product with an input field looks in the storefront:

And here is an example of how shoppers are reminded to provide input after clicking the Add to Bag button if you make the fields required:

As you can see, a customer cannot add the item to the cart without providing input.

Editing input fields in your online store

After you add an input field to a product in your online store, you can make edits to it if you need. For example, if later you want to change the input field name or type, or you want to make it required.

To edit an input field:

1. In Retail POS, navigate to Catalog > Products.
2. Open the product you want to edit.

3. Scroll down to the Online customer input fields block.

   

4. Make edits to the field.
5. Save the changes.

Customers will now see the updated input field on the product page in your online store.

Sorting input fields on the product page

You can change the order in which input fields appear on the product pages in your online store. For example, if you want to rearrange different text fields on the page, or you want text fields to appear before the date picker.

To sort input fields on the product page:

1. In Retail POS, navigate to Catalog > Products.
2. Open the product you want to edit.
3. Scroll down to the Online customer input fields block.

4. Click the six dots icon next to an input field to drag and drop it to rearrange:

   

5. Save the changes.

Input fields will now appear on the product page exactly in the order that you have set.

Accessing input field data

All the data your customers provide via input fields on product pages appear in the order details. It is also available in the admin and customer email notifications, as well as in your online store's order invoices and in customer accounts.

To access input field data in the order details:

1. In Retail POS, navigate to Inventory > Fulfillments (or Sell > Sales history).
2. Click on the order to open it.

3. Find field data in the product block:

   

Deleting input fields from your online store

You can delete input fields that exist in your online store at any time. For example, if you no longer need a date picker for a product, as you’ve switched to displaying available pickup date and time at checkout.

To delete input fields from a product page:

1. In Retail POS, navigate to Catalog > Products.
2. Open the product you want to edit.
3. Scroll down to the Online customer input fields block.
4. Click the trash bin icon next to an input field.
5. Save the changes.