Welcome to WOWDB!  Login or Register

Syndication

This guide is a walkthrough of how to link WOWDB items on your website, with built-in tooltips. What is a tooltip? A tooltip will display item facts in a little box that pops up in your browser. Clicking on the item link will direct users to a page with more detailed item information. Just follow this easy guide to getting these on your site.

Setting up Syndication

Syndicating content from WOWDB is simple. Follow this two-step process, and you're done.
  • Put the following code into the HEAD section of the HTML document:
    <script src="http://www.wowdb.com/js/extooltips.js"></script>
  • Your site is now ready for WOWDB syndication! Whenever you want to include an item tooltip in a news story, comment, or forum post, all you need to do is create a WOWDB link to the item.
    Here's an example:
    <a href="http://www.wowdb.com/item.aspx?id=29171">Earthwarden</a>

Customizing Links

Links can be customized by applying a "class" attribute to the anchor tag. Here are some of the options we currently offer.
  • Quality color: To apply the quality color to the item link, just add the class attribute with one of the following values: "r0" for Poor, "r1" for Common, "r2" for Uncommon, "r3" for Rare, "r4" for Epic, "r5" for Legendary, or "r6" for Artifact. For example:
    <a class="r4" href="http://www.wowdb.com/item.aspx?id=29171">Earthwarden</a>
  • Auto label: If you would like your links to have the quality level and item name automatically applied for you, simply use the class attribute: "wowdb-item-text". For example:
    <a class="wowdb-item-text" href="http://www.wowdb.com/item.aspx?id=29171">Earthwarden</a>
  • Links with Icons: To include an icon with your link, as well as the label and quality level, use one of the following three class attributes: "wowdb-item-full-small" for a small icon, "wowdb-item-full-medium" for a medium icon, or "wowdb-item-full-large" for a large icon. For example:
    <a class="wowdb-item-full-medium" href="http://www.wowdb.com/item.aspx?id=29171">Earthwarden</a>
If you have suggestions for additional functionality, please e-mail us.