Clew

Empty-state nudge

An empty list where people do not know what to do next.

Format: tooltipTrigger: after a delayFrequency: once per visitorPlan: Free
Start freeFree plan forever · no credit card

What this template is for

An empty screen is where newcomers stall most often: no data, and the button gets lost. One tooltip next to "Create" answers "what do I do here?" without a tour and without extra words.

What the user sees

StepAnchored toCopy
1[data-tour="create"]Nothing here yet
Create your first project and it will show up in this list.

The step anchors in a template are [data-tour="…"] placeholders. In the visual editor you point them at your own elements by clicking, or add that attribute in your markup; the copy is edited in the same place.

Why these defaults

  1. A single tooltip: this needs one answer, not a walkthrough.
  2. After 2 seconds: people get to look around first, so it does not feel pushy.
  3. Pages with "/projects" in the URL — change it to your own empty list.
  4. Once: whoever has created their first item never sees it again.

Template settings

Formattooltip
Triggerafter a delay
Frequencyonce per visitor
Pages/projects
Audienceeveryone
Priority5

What to measure after launch

Clicks on the button and the share who create their first item. Views and dismissals are in the tooltip's stats in Clew; the creation itself is in your analytics.

Plan

Works on the free plan: the tooltip format is included in Free.

How to set it up

  1. Sign up and add a site — you get one

    Product tours, popups and onboarding in the age of AI

    7 patterns with step counts, copy rules and what to measure, what AI changes, and a checklist before you publish. PDF, 2 pages. What is inside →