Badge

Badge


You can add a badge (or label) to your product to catch your customer's eyes, increase CTR and promote your campaign. 
*Available in Premium plan only.

1. How to add and customize badge? 

  • Badge is only available in 4 item layouts: Text link, Text & IconProduct and . With each item, turn "Add badge" switch on to input content, adjust background and text color.
    • Badge text: Edit badge content
    • Badge background: Choose color for badge background (color code is allowed)
    • Badge color: Choose color for badge text (color code is allowed)

  • When enabling Badge, badge will be automatically displayed at top right of its item. 

2. What can badge do? 

  • You can add unlimited badges to decorate your menu and promote any products you want. According to Statistia, 82% of customers pay more attention to highlight products than those are just shown on the screen.   
Badge products
Don't overuse badge to promote every product and make your customer overwhelmed with information. 
Tips: For the best display, in each menu, recommended maximum of products is 5 and maximum of badges is 3. 
  • Not only products, you can also promote your campaign by adding badge to your menu. 
Badge campaign
  • Or you can add both image and badge to make your menu even better and gain your shopper experience. 
    • 90% of customers stay longer on a website due to enhanced user experiences. 
    • Purchasing possibility of a typical shopper increases 5-10% when stay longer on a website. 
Image with badge
Image with badge 2

Available on Shopify App Store!
Try now! 
    • Related Articles

    • All about Item Layout

      Text link By default, item layout of all menu items are set as "Text only" when first created. Click "Edit" button on the menu item you want to modify. Title: enter a title for the menu item. This title will be displayed in the menu. Disable link: ...
    • Submenu settings

      There are 3 types of Submenu: Flyout (tree) menu, Mega menu & Tab menu. Click the pencil button to edit a parent item and choose among the 3 types.   1. Flyout menu settings When selecting Flyout Submenu type, your menu will be displayed as a normal ...
    • Frequently Asked Questions for Smart Menu

      What is the difference among Free, Basic and Premium plans ? Please see the comparison table of three plans here. Can I downgrade to Free/Basic plan after upgrading? Yes you can. To cancel paid plans, please go to "Profile" page > click on "Cancel ...
    • How to show Smart Menu on your store

      After creating your menu in Smart Menu, you can choose a current menu on your store to be replaced with Smart Menu. There are 2 ways to do it: Auto - Replace Main menu, Manual - Replace menu from Shopify or Manual - Replace menu by CSS selector. ...
    • Style & Advanced settings

      1. Style Step 2: Add & Design > Style All settings in this section apply globally to all menu items. Animation *Available in Premium plan only. There are 4 animations to appear submenu: fade in, shift up, flip in, zoom in. Note: select "none" if ...