Skip to content

WoW tooltips for your site

Put live World of Warcraft item and spell tooltips on your own pages. One script tag, no account, no key, no tracking.

<script src="https://thewowdb.com/assets/embed/tooltips.js" defer></script>
Advertisement

What it does

The script watches for links on your page that point at a TheWoWDB item or spell page. When a reader hovers one, focuses it with the keyboard, or long presses it on a phone, it shows that entity's real game data: name, rank, stats, requirements, cast time, range, cost, and for items the current lowest Auction House price.

Install

Paste the tag once, anywhere in your page. Put it before the closing body tag or in the head with defer. It attaches itself to links that already exist and to links you add later, so a search box or an infinite feed needs no extra call.

Which links it recognises

Any link to https://thewowdb.com/item/<slug>-<id>/, /material/<slug>-<id>/ or /spell/<slug>-<id>/, including the regional /eu/ form and the game version trees such as /classic/, /mists/ and /wow-forever/. A link into a version tree shows that version's numbers, because the version is read from the link's own address.

What it sends

The entity id and the link's path, nothing else. Requests go out without credentials and the API replies without them, so no cookie can ride along and no reader is identified. There is no analytics call, no third party script and no second file to load.

Load and rate limits

One request per entity per page, made only after the pointer rests on a link, and never on page load: a page nobody hovers makes no requests at all. Item answers are cacheable for five minutes because they carry a live price; spell answers for a day, because nothing in them moves until the next game client build.

Turning it off for one link

Add data-wgf-tooltip="off" to a link, or to any element that contains it, and the script leaves it alone.

Styling

The card carries its own scoped styles under the twdb-tt class prefix and sets its own font and colours, so your stylesheet and the card cannot affect each other. Override any twdb-tt rule in your own CSS if you want a different look.

Data and credit

Every number comes from a decoded game client or a Blizzard API, and each card prints the client build it was read from. TheWoWDB is a fan site and is not affiliated with Blizzard Entertainment.