Catalog Essentials
Tags
Tags are the badges on your products — “New”, “Spicy”, “Vegan”. We build six classics, each with its own icon and colors, so they stand out at a glance.
All the points of the film 5 steps · 2:59
What you will learn
- Creating a tag with a name
- Picking an icon from the full catalog with search
- Text, background and border colors
Step by step
-
1
The Tags page
Left menu → Tags. It starts empty; “+ Add Tag” opens a four-step wizard with a live preview pill that repaints as you type — “Veg…” on its way to “Vegan”.
-
2
Three colors that work together
Text, background, border. The rule: a soft background with darker text from the same family. “Vegan” starts from calm slate — #475569 on #F8FAFC with a #CBD5E1 border — before it earns its green. The preview shows exactly what lands on the menu.
-
3
An icon from thousands
The search digs through 4,962 icons. For “Vegetarian”, type what you mean and pick — the right icon makes a tag recognizable before it is even read.
-
4
Fine-tune with the color picker
Every swatch opens a full picker — drag around, or paste a hex like #475569. Here “Gluten-free” tries its colors on, with Vegetarian and Vegan already on the list.
-
5
Your collection
The last step chooses whether the name and the icon show — “Popular” wears its star. Six everyday tags — New, Spicy, Gluten-free, Vegetarian, Vegan, Popular — cover most kitchens. Tied to products in the Products lesson, they appear on the menu automatically.
Good to know
Few and steady: if every dish wears three badges, no badge stands out.
