Admin Overview
Overview
The plugin adds a single Sale Badges admin area that groups every feature into a row of top tabs. This page is a quick map of the dashboard and explains how anything you create here reaches your storefront.
The main tabs
| Tab | What it does | Guide |
|---|---|---|
| Badges | Create product badges & labels — CSS, image, modern, and countdown badges. | Managing Badges |
| Store Features | Store-wide tools: Quick View, Sticky Add to Cart, and Gutenberg blocks. | Store Features |
| Notification Bar | Top/bottom announcement, free-shipping, multi & infinity bars. (Pro) | Notification Bar |
| Popup | Social-proof and discount/coupon popups. (Pro) | Sales Popup |
| Embeds | Countdown, stock, trust/payment/social, banners, free-shipping, Shop the Look. (Pro) | Embeds |
| Settings | Global positions/hooks and license. | Settings |
| Apps | Discover other Asana Plugins products. | — |
How badges reach your storefront
Once a badge is enabled and matches a product, the plugin displays it automatically using WooCommerce hooks in two places:
- Archive/Shop pages (product loops) — controlled by the loop position setting.
- Single product pages — controlled by the single position setting.
You decide whether each badge shows On Image (over the photo) or Out of Image (below the title/price), and you can fine-tune the exact hook in Settings → General if your theme needs it.
Every badge has a shortcode so you can position it exactly where you want:
[asnp_badge id="12"]
id— the badge's ID (shown in the Badges list).product_id(optional) — evaluate a specific product.hide(optional) — set to1to hide the default output.
Use [asnp_badge] with no id to render all matching badges for the current product.
Live preview
Every editor (Badges, Notification Bar, Popup, Embeds) shows a live preview beside the settings, so you design visually and only save when it looks right.
