Menu Builder Tabs Documentation¶
Menu Location: Products > Menu Builder > Menu Tabs
Access Level: Administrator and above
Last Updated: 2026-03-01
Overview¶
The Menu Builder Tabs page allows you to create, organize, and manage the tab navigation structure for your customer-facing product menu. These tabs help customers browse products by category, making it easy to find items like "Produce," "Meat," "Dairy," or seasonal collections.
Primary Functions:
- Create and edit menu tab categories
- Define tab display order and hierarchy
- Assign products to specific tabs
- Control tab visibility and availability dates
- Customize tab names and descriptions
- Manage seasonal or promotional tabs
Page Layout¶
Header Section¶
- Add New Tab Button: Create new menu category tab
- Save Order Button: Save changes to tab arrangement
- Preview Menu Button: View customer-facing menu as it will appear
Main Content Area¶
Drag-and-drop tab list showing all menu tabs in current display order, with options to edit, delete, hide, or rearrange each tab.
Tab Editor Panel¶
Form for editing individual tab properties including name, description, icon, visibility settings, and product assignments.
Tab Configuration¶
Basic Tab Settings¶
Tab Properties:
- Tab Name: Display name customers see (e.g., "Fresh Produce", "Grass-Fed Meat")
- Internal Name: Admin reference name (optional, defaults to Tab Name)
- Description: Brief description shown to customers
- Icon: Optional icon or image for visual identification
- Display Order: Numeric position in tab sequence (lower numbers appear first)
Visibility Controls:
- Active/Inactive: Enable or disable tab without deleting
- Start Date: When tab becomes visible (for seasonal/promotional tabs)
- End Date: When tab automatically hides (optional)
- Customer Segments: Show to all customers or specific groups only
Actions & Operations¶
Create New Menu Tab¶
Purpose: Add new category tab to customer product menu
Steps:
- Click "Add New Tab" button
- Enter tab name (e.g., "Summer Favorites")
- Add optional description ("Fresh seasonal picks for summer")
- Choose icon or leave blank
- Set display order number (10, 20, 30, etc. - allows insertion later)
- Set visibility dates if seasonal
- Click "Save Tab"
- Assign products to new tab
Requirements:
- Unique tab name
- Display order number
Tips:
- Use increment of 10 for display order (10, 20, 30) to allow easy insertion
- Test on preview menu before making live
Edit Existing Tab¶
Purpose: Modify tab properties or product assignments
Steps:
- Click "Edit" button next to tab name
- Modify tab properties as needed
- Update product assignments if needed
- Click "Save Changes"
- Preview changes before publishing
Reorder Tabs¶
Purpose: Change sequence tabs appear to customers
Steps:
- Drag tab to new position in list, OR
- Edit tab and change display order number
- Click "Save Order" button
- Preview menu to verify new arrangement
- Adjust as needed
Best Practice: Use drag-and-drop for visual ordering, or use display order numbers (10, 20, 30, etc.) for precise control
Assign Products to Tabs¶
Purpose: Control which products appear in each tab
Steps:
- Click "Manage Products" for specific tab
- Search for products to add
- Select products from available list
- Set product display order within tab
- Save product assignments
- Preview tab to verify product organization
Common Use Cases¶
Use Case 1: Seasonal Tab Creation¶
Goal: Create "Summer Produce" tab for seasonal availability
Steps:
- Click "Add New Tab"
- Name: "Summer Produce"
- Description: "Fresh, local summer vegetables and fruits"
- Set start date: June 1
- Set end date: August 31
- Display order: 15 (appears after "All Products" tab)
- Save tab
- Assign summer seasonal products (strawberries, tomatoes, cucumbers, etc.)
- Preview menu in late May to test
- Tab automatically appears June 1, disappears September 1
Example: Create tabs for each season with auto-show/hide dates:
- "Spring Harvest" (March 1 - May 31)
- "Summer Favorites" (June 1 - August 31)
- "Fall Bounty" (September 1 - November 30)
- "Winter Warmers" (December 1 - February 28)
Use Case 2: Promotional Tab¶
Goal: Feature sale or promotional products in dedicated tab
Steps:
- Create new tab: "Weekly Specials"
- Display order: 5 (appears first, highly visible)
- Add eye-catching icon (star, sale tag, etc.)
- Assign discounted or featured products
- Update products weekly as promotions change
- Remove tab when promotion ends or set end date
Tips:
- Place promotional tabs first (low display order number)
- Use attention-getting names: "Sale!", "Limited Time", "Staff Picks"
- Update frequently to maintain customer interest
Use Case 3: Customer Segment Tabs¶
Goal: Show VIP-only or wholesale customer tabs
Steps:
- Create new tab: "VIP Exclusive Products"
- Set customer segment: "VIP" or "Premium" members only
- Assign premium or exclusive products
- Tab only visible to logged-in VIP customers
- Regular customers don't see this tab
Example:
- "Wholesale Pricing" tab for wholesale customers
- "VIP Reserve" tab for premium members
- "First Access" tab for beta products (early adopters only)
Use Case 4: Menu Reorganization¶
Goal: Improve customer browsing based on feedback or analytics
Steps:
- Review customer usage analytics or feedback
- Identify confusing or underused tabs
- Consolidate similar tabs if too many
- Rename vague tabs to be more specific
- Reorder tabs based on popularity (most used first)
- Test new organization with staff
- Implement changes and monitor customer response
Example Before:
- Products
- Vegetables
- Fruits
- Meats
- Other
Example After:
- Weekly Specials
- Fresh Produce (Vegetables & Fruits combined)
- Premium Meats
- Dairy & Eggs
- Pantry Staples
Use Case 5: Product Category Clarity¶
Goal: Help customers find products easily with clear categorization
Steps:
- Review all products in catalog
- Group by natural categories customers think in
- Create tabs matching customer mental model:
- How they shop (by meal: breakfast, lunch, dinner)
- By diet (vegetarian, keto, paleo)
- By use (snacks, cooking, baking)
- Ensure each product appears in at least one tab
- Products can appear in multiple tabs if makes sense
- Test with customers and refine
Troubleshooting¶
Tab Not Appearing for Customers¶
Check:
- Tab is marked "Active" not "Inactive"
- Start date has passed (if set)
- End date hasn't passed (if set)
- Tab has products assigned
- Tab has appropriate customer segment visibility
- Cache cleared (customer may see old menu)
Tab Order Not Saving¶
Solutions:
- Click "Save Order" button after dragging
- Check for duplicate display order numbers
- Refresh page and try again
- Try using display order numbers instead of drag-and-drop
Products Not Showing in Tab¶
Check:
- Products are assigned to tab
- Products are marked "Active" and "Available"
- Products are in stock (if inventory tracking enabled)
- Products match customer segment visibility
- Product display order within tab is set
Too Many Tabs - Menu Cluttered¶
Solutions:
- Consolidate related tabs (combine "Vegetables" and "Fruits" into "Produce")
- Use seasonal tabs that auto-hide when not relevant
- Limit to 6-8 main tabs for clarity
- Use sub-categories within tabs instead of new tabs
Related Pages¶
- Menu Builder - Products - Assign products to menu
- Product Catalog - Manage all products
- Product Categories - Define product classifications
- Customer Segments - Manage customer groups for visibility rules
Typical Workflow:
- Plan menu tab structure based on product catalog
- Create tabs in Menu Builder Tabs
- Assign products to tabs in Menu Builder Products
- Preview customer menu
- Adjust and refine based on testing
Permissions & Access¶
Required Access Level: Administrator or higher
Access Level Capabilities:
- Administrator: Create, edit, delete tabs, assign products, control visibility
- Kiva Admin: All features + advanced settings, custom CSS for tabs
Best Practices¶
Menu Organization¶
- Limit to 6-8 main tabs (too many overwhelms customers)
- Order tabs by popularity (most browsed first)
- Use clear, customer-friendly language
- Include promotional/seasonal tabs at beginning
- Group related products logically
Naming Conventions¶
- Use customer language, not internal jargon
- Be specific: "Grass-Fed Beef" not just "Meat"
- Keep names short (2-3 words maximum)
- Consider SEO and searchability
- Test names with real customers before finalizing
Seasonal Management¶
- Plan seasonal tabs at beginning of year
- Set auto-show/hide dates
- Prepare tab content 2-3 weeks before season
- Review and update products weekly during season
- Archive seasonal tab content for next year
Things to Avoid¶
- Too many tabs (creates decision paralysis)
- Vague tab names ("Products", "Items", "Other")
- Overlapping categories (confusing which tab to check)
- Forgetting to hide expired seasonal tabs
- Making tabs that never get used (remove or consolidate)
Quick Reference Card¶
| Task | Action/Location |
|---|---|
| Create new tab | Click "Add New Tab", enter details, save |
| Reorder tabs | Drag to new position or edit display order number |
| Hide seasonal tab | Edit tab, set end date or mark inactive |
| Create promotional tab | New tab, display order 5, assign featured products |
| Assign products | Click "Manage Products" on tab |
| Preview menu | Click "Preview Menu" button |
| Edit tab name | Click "Edit" next to tab, update name, save |
| Delete unused tab | Edit tab, click "Delete Tab", confirm |
FAQs¶
How many tabs should I have?¶
6-8 main tabs is optimal. More than 10 becomes overwhelming. Focus on quality organization over quantity of tabs.
Can a product appear in multiple tabs?¶
Yes, products can be assigned to multiple tabs. For example, "Organic Kale" could appear in both "Fresh Produce" and "Organic Only" tabs.
What happens if I delete a tab?¶
Products assigned to that tab are not deleted, only the tab structure is removed. Products remain in catalog and can be reassigned to other tabs.
Can I have sub-tabs or nested categories?¶
This depends on system configuration. Most implementations support one level of tabs. For more hierarchy, use product categories within tabs.
Do tabs affect inventory or pricing?¶
No, tabs are purely organizational for customer browsing. They don't affect product pricing, inventory, or availability.
How do I test tabs without affecting customers?¶
Use "Preview Menu" function or test with a test customer account. Some systems support draft mode before publishing changes.
Can I customize tab appearance (colors, fonts)?¶
Basic tab settings may include icons and descriptions. Advanced customization may require administrator or Kiva Admin access to CSS settings.
Change Log¶
2026-03-01¶
- Initial documentation created
- All sections completed following template structure
End of Documentation
For additional help, contact your system administrator or Kiva Logic support.