Add a New badge to WordPress menu items

A small badge such as New, Hot or Beta on one menu item, after its text or pinned to a corner. It can send out three soft rings, then go still.

Get Grinner free

See it live

Type

An upgrade to Navigation Link and Submenu

Find it

Menu item settings, Pill

Phones

Identical, burger menu included

Speed

The rings play once after the page loads, then stop

Live demo

Menus with news.

This is the real Navigation pills setting, running on this page.

Settings Pill Soon, New and Sale Pulse on Placement Pinned to the item

What you can change

The settings worth knowing.

The badge text, its look and where it sits.

Pill

Ready-made or custom

New, Hot, Beta, Sale or Soon, or your own text up to 20 characters.

Look

Soft, filled or outline

Three looks built from one accent color.

Placement

After or pinned

After the text, or pinned to the item like a notification badge, with nudge sliders.

Reload to see the rings

Pulse

Three soft rings

Rings ripple out after the page loads, then the badge goes still.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Select a menu item

In your Navigation block, click the link that needs a badge.

3

Add the pill

Pick a pill and a look, place it, then save.

Good to know

Fair questions.

Navigation pills are a Grinner upgrade to Navigation Link and Submenu. A small badge such as New, Hot or Beta sits on one menu item, after its text or pinned to a corner, and can send out three soft rings. Use them to draw attention to a new page or offer.

No. One plain-text pill per item.

Up to 20 characters.

A pill pinned to the center cell covers the text. Choose a corner or an edge.

Yes. It doesn’t play.