Adding Modifiers To Products for Android App and Wigza Online Store

This SOP explains how to add a product, publish it to the storefront, and create linked modifier groups so customers can customize the product during checkout. It is designed to help a team member complete the setup accurately and efficiently.

Key Steps

1. Navigate to the product catalog 0:00

• Open Catalog > Products and Menu.
• Confirm you are working in the correct store/demo environment before making changes.
• Use this area to add or edit products and their modifiers.

2. Add a new product 0:13

• Click to add a product.
• Select the product from your list or create a new one if needed.
• In the example, a pizza product is added as the base item.

3. Complete product details using your planning sheet 0:25

• Check your planning sheet before entering product details.
• Enter the correct category and product name.
• Example setup:
  • Product name: Pizza
  • Variant/name detail: Barbecue Chicken
  • Price: $48
  • Additional value/price field: $20
• Planning ahead reduces setup time and prevents mistakes.

4. Add and confirm the product image 1:05

• Add a product image by either:
  • Taking a photo,
  • Choosing a file, or
  • Using an AI-generated image.
• Paste or upload the image into the product record.
• Click Save.
• Verify the image appears correctly in the product preview.

5. Publish the product to the storefront 1:39

• Open the storefront to confirm whether the product is visible.
• If the product does not appear, return to the product settings.
• Check whether the product is unpublished.
• Publish/link the product so it becomes visible in the store.
• Refresh the storefront and confirm the product now appears.

6. Verify the product in the storefront 2:13

• Refresh the storefront page.
• Confirm the product is displayed in the correct position.
• Add the product to the cart to test the customer experience.
• If no modifiers appear, continue to the modifier setup step.

7. Create a required modifier group 2:22

• Go to Modifiers and select the product.
• Create a new modifier group for the product base.
• Use your planning sheet to define the group name and rules.
• Example setup:
  • Group name: Pizza Base
  • Requirement: Required
  • Order: 1
  • Options: Thin Base and Thick Base
  • Price adjustment: No price added
• Save/create the modifier group.
• Confirm the modifier is linked to the product.

8. Create a multi-select modifier group 3:16

• Add another modifier group for optional extras.
• Define the group as multi-select if customers may choose more than one option.
• Example setup:
  • Group name: Meat Extras
  • Options: Beef Biltong and Beef Mince
  • Price for each option: 15
• Save the group and confirm it is attached to the product.

9. Test the modifiers in the storefront 4:12

• Refresh the storefront.
• Add the product to the cart.
• Select a required option such as Thin Base.
• Select an extra such as Beef Biltong.
• Confirm the price updates correctly and the item can be added to the order.
• Verify the final cart reflects the selected modifiers.

10. Final review and next steps 4:30

• Review the product setup to ensure:
  • The product is published.
  • Required modifiers are enforced.
  • Optional modifiers work correctly.
  • Prices display accurately.
• If needed, add more modifier groups or remove/edit existing ones.
• For bulk setup, consider importing modifiers instead of creating them manually.

Cautionary Notes

• Do not skip planning: Confirm product names, categories, prices, and modifier options before entering data.
• Always publish the product after creating it; unpublished items will not appear in the storefront.
• Check required modifiers carefully so customers cannot add the item without selecting mandatory options.
• Verify pricing for each modifier option to avoid incorrect order totals.
• Test in the storefront after setup to ensure the customer flow works as expected.

Tips for Efficiency

• Prepare a planning sheet before starting to reduce setup time.
• Use consistent naming conventions for products and modifier groups.
• Refresh the storefront after each major change to confirm updates quickly.
• Reuse common modifier groups where possible to save time.
• If setting up many products, consider using the import method for modifiers instead of manual entry.