How does Product Tagging work in Flawless POS, and how do I set it up?

Product Tagging allows you to tag multiple products directly on an image so customers can identify items and add them to cart straight from the photo. This feature is commonly used for lifestyle images, flat lays, or “Shop the Look” sections.

Product tags can be added either from the Product List or directly within the Website Builder.

Where can I add product tags?

You can add product tags in two places:

• From the Product List (Inventory module)

• From the Website Builder (via a column background image)

Both methods connect tagged products to an image used on your website.

How do I tag products from the Product List?

1. Go to Inventory from the left navigation menu.

2. Open Product List.

3. Select a product to open its details.

4. Click the Images tab.

5. Locate the Tagged Products field.

6. Click into the field to open the image popup.

7. Click anywhere on the image to place a tag.

8. Select the product to associate with that tag.

9. Repeat for additional products.

10. Click OK to save.

How do I use Product Tagging in the Website Builder?

Step 1: Navigate to Pages

• Open the left navigation menu.

• Select Website.

• Click Pages.

• Open an existing page or create a new one.

Step 2: Add a Row and Column

• Add a Row to the page.

• Inside the row, add a Column.

Step 3: Set the Image on the Column Background

• Click the Column.

• In the right-side properties panel, locate Background Settings.

• Set Background Type to Image.

• Upload or select the image you want to tag.

Important: Uploading an image to a Row will not enable product tagging.

Why must the image be added to a Column and not a Row?

Product Tagging is only available at the column level.

• Columns contain the background image settings required for tagging.

• The Product Tagging tool is tied to the column’s properties panel.

• Rows are used only for layout and spacing and do not support product tags.

If the image is added to a row, the image will display, but the Product Tagging tools will not appear.

How do I add product tags to the image in the builder?

1. Select the Column with the background image.

2. Scroll to the bottom of the right-side properties panel.

3. Open Product Tags.

4. Click Configure Product Tags.

5. Click anywhere on the image to place a tag.

6. Select the product for that tag.

7. Repeat until all products are tagged.

8. Click OK to save.

How do I know Product Tagging is working?

Once configured correctly:

• A Shop The Look button appears in the top-left corner of the image.

• This confirms product tagging is active.

What should I do if Product Tagging is not working?

• Confirm the image is set on a Column background, not a Row.

• Make sure products are properly tagged and saved.

• Verify the page is published after making changes.

Related Article: How to Use Product Tagging