Widget

You can also embed itemdb content on your webpage using widgets!

It's pretty simple to use:

Where:

Field	Default Value	Description
id	none	Your regular HTML ID
data-itemdb-widget-id	none - required	A unique ID for this widget div
data-itemdb-widget-type	`latest-items`	Which item list this widget is showing. Possible values: `latest-items` `latest-prices` `latest-ncmall` `leaving-ncmall` `trending-items` `list`
data-itemdb-widget-limit	`5`	Quantity of items to show
data-itemdb-widget-locale	`en`	Custom locale. Possible values: `en` `pt` `es`
data-itemdb-widget-badges	`false`	Adds item badge with price info and more
data-itemdb-widget-list-id	none	List id or slug
data-itemdb-widget-list-username	none	List owner username

Lists

You can also return list items. All fields are required:

You can get list-id and username by looking at a list's url:

https://itemdb.com.br/pt/lists/<username>/<list-id>

Caution

This will only return public data - private lists or hidden items will not be returned

Customizing

You can also add your own custom CSS. Here some of the classes we use:

Class	Description
itemdb-widget	Widget Wrapper
itemdb-widget-itemList	Item List Wrapper
itemdb-widget-item	Item
itemdb-widget-button	itemdb button
itemdb-widget-badge	item badge
itemdb-widget-badge-yellow	PB items badge
itemdb-widget-badge-purple	NC items badge

Be sure to place your CSS after the div to be sure it won't be overwritten :)

Tip

You can use multiples widget instances in the same page with only one script tag. Be sure that the script tag is placed after the last widget div

Cache

We’ve implemented several caching techniques, so the Widget shouldn’t impact your site’s loading time (or speed). For this reason, the Widget data is updated every 10 minutes (or so).

Lists#

Customizing#

Cache#

Lists

Customizing

Cache