Edit Mapping for Tracker

Business Background

Change the mapping of the order tracker widget after you have added it to the Web project.

How to Guide

1. Click the + icon to open the list of elements.
2. Select the Widget option from the list.
3. Drag-and-drop the Tracker element to the canvas.
4. Click the Tracker Gear icon to open the Tracker Settings screen.
5. Click the Edit Mapping button to add mapping for the static values. The Configure Tracker Options screen opens.

6. Type a title. The group name will change accordingly.

7. Type the label and/or values in the corresponding fields.
8. Click the Add Item option to add items, or click the Delete icon to remove items.

9. Click the checkbox to hide the group when the webpage is loaded. It can be shown later using tracker interactivity.
10. If necessary, change the Group Complete and/or Item Complete icons.
    • The checkmark is the default icon.
    • When you change the Group Complete and/or Item Complete icons, the change is applied to all the groups and items in the widget.

• Click the Select Icon button.
• Under the Material UI option, use the Search field, if necessary, and click an icon to select it.

• As an alternative, select the Ionicons option.
• Use the drop-down list to select an option:
  • Filled
  • Outline
  • Sharp

• As an alternative, select the Custom option.
• Add the SVG code to the field.

11. Click the Apply button.

12. Click the Group 1 option and add the title and items.
13. Repeat the steps for Group 2.

14. Alternatively, click the + icon next to Groups to add a new group.
15. Repeat the steps for the new group until you have all the groups and items you need.

16. Click the Apply button. The widget is updated with the added groups and items.
17. Save and Preview the project.