Free Metal Price Widgets and Charts

Want to add our charts or pricing tables to your website? It's simple: Simply grab the bits of pre-configured code we've listed below, or follow the instructions to create your own custom widgets.

They're Fully Responsive

Our Metal Price Widgets are fully responsive meaning that they will fit to the full size of whatever container you put them in. Along with their neutral styling, this gives website owners maximum flexibility in many use cases.

View some examples here: Widget Example Page

More heavily customized implementations are available for a fee. Please contact us for details.

Build Your Own Widgets!

IMPORTANT! Our widgets use pym.js for automatic iframe resizing. This code need only be added once at the end of your page just before the </body> tag, regardless of how many widgets are place on that page. Without it, the widgets will not size properly and your data may be cut-off.

Place the following code once just before the </body> tag on any pages where our widgets or charts are being used:

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

New Dark Mode

Simply add the "dark" variable to any widget code. See examples below.

Pricing Table Widget

The pricing table widget uses two variables, which may be placed in the url parameters to construct the desired table.

• c is a comma seperated commodity list. The two-letter chemical element symbols are used for each metal. Invalid or missing values will default to a short list of the more popular metals listed on this site.
  • Base Metals: al (aluminum), cu (copper), fe (iron ore), pb (lead), ni (nickel), zn (zinc)
  • Secondary Metals: co (cobalt), mo (molybdenum), sn (tin)
  • Precious Metals: au (gold), ag (silver)
  • Platinum Group Metals: pt (platinum), pd (palladium), rhodium (rh), ruthenium (ru), ir (iridium)
  • Rare Earths and Other Rare Metals: nd (neodymium), ga (gallium), in (indium), te (tellurium)
  • Others: st (steel rebar), u (uranium)
• x is the 3 digit currency code. The currencies must be from those listed here and invalid or missing values will default to USD
• u is the unit code. Available units are: lb (pound), kg (kilogram), g (gram), oz (troy ounce), mt (metric ton or tonne), and t (short ton or ton). Invalid or missing values will default to the preferred units: lbs, for base metals, troy oz. for precious metals and PGMs, metric tons for iron ore.

Example Metal Price Code

Popular Metals in USD (Default)

<div id="DMP_1" data-pym-src="//dailymetalprice.com/prices.php"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Popular Metals in USD (Dark Mode)

<div id="DMP_1" data-pym-src="//dailymetalprice.com/prices.php?dark"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Base Metals in EUR (Euro)

<div id="DMP_2" data-pym-src="//dailymetalprice.com/prices.php?c=al,cu,fe,pb,ni,zn&x=EUR"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Base Metals Plus Gold and Silver in CAD (Canadian Dollar)

<div id="DMP_3" data-pym-src="//dailymetalprice.com/prices.php?c=al,cu,fe,pb,ni,zn,au,ag&x=CAD"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Platinum Group Metals (Default USD)

<div id="DMP_4" data-pym-src="//dailymetalprice.com/prices.php?c=pt,pd,rh,ru,ir"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Platinum Group Metals (Dark Mode)

<div id="DMP_4" data-pym-src="//dailymetalprice.com/prices.php?c=pt,pd,rh,ru,ir&dark"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Platinum Only (Default USD) in grams (g)

<div id="DMP_5" data-pym-src="//dailymetalprice.com/prices.php?c=pt&u=g"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Copper, Lead and Zinc in GBP (£) and kg (kilograms)

<div id="DMP_6" data-pym-src="//dailymetalprice.com/prices.php?c=cu,pb,zn&x=GBP&u=kg"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

IMPORTANT: The div id (eg. DMP_1) can be anything, but it should be unique for each div on a page.

Metal Price Charts

The charting widget uses three variables, which may be placed in the url parameters to construct the desired chart.

• c is the commodity to be charted. As above, the two-letter chemical element symbols are used for each metal. Invalid or missing values will default to cu (copper).
• u is the unit code. Available units are: lb (pound), kg (kilogram), g (gram), oz (troy ounce), mt (metric ton or tonne), and t (short ton or ton). Invalid or missing values will default to the preferred units: lbs, for base metals, troy oz. for precious metals and PGMs, metric tons for iron ore.
• d is the number of data days to show. Since market data is only available on business days the numbers are adjusted (roughly) to the number of business days in a given calendar interval. (eg. 5 = One Week, 20 = 1 Month). Invalid or missing values will default to one month (20). Valid values include:
  • 0 (all available data)
  • 5 (one week)
  • 10 (two weeks)
  • 20 (one month)
  • 60 (three months)
  • 120 (six months)
  • 240 (1 year)
  • 480 (2 years)
  • 1200 (5 years)
  • 2400 (10 years).

Example Metal Price Chart Code

Copper (lbs) One Month (Default)

<div id="DMPC_1" data-pym-src="//dailymetalprice.com/charts.php"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Copper (lbs) One Month (Dark Mode)

<div id="DMPC_1" data-pym-src="//dailymetalprice.com/charts.php?dark"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Gold (oz) One Year

<div id="DMPC_2" data-pym-src="//dailymetalprice.com/charts.php?c=au&d=240"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Silver (oz) Max

<div id="DMPC_3" data-pym-src="//dailymetalprice.com/charts.php?c=ag&d=0"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Colbalt (mt) 5 Years

<div id="DMPC_4" data-pym-src="//dailymetalprice.com/charts.php?c=co&u=mt&d=1200"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

Rhodium (oz) 5 Years (Dark Mode)

<div id="DMPC_4" data-pym-src="//dailymetalprice.com/charts.php?c=co&u=mt&d=1200&dark"></div>

<script type="text/javascript" src="//dailymetalprice.com/js/pym.min.js"></script>

IMPORTANT: The id (eg. DMPC_1) can be anything, but it should be unique for each div on a page.

Troubleshooting

Have you remembered to add the pym.js script to the end of your page? If you put it in the head it will not work.

Have you assigned unique id's to each widget container on the page?

If you are getting a 404 Not Found Error in place of your widget, have you checked that the data-pym-src url is valid? You can test it in your browser to be sure.

If you're still having problems after checking these items, please feel free to get in touch.

Use and Abuse

Please keep in mind that these widgets are provided at no cost. In return for our work and our bandwidth, we place small courtesy links on the widgets. Efforts to obscure the courtesy link or abuse this free service in any way will result in a ban without notice or explanation.

Anything else that we deem overuse or abuse may also result in a ban at our discretion. Please play nice and ask us if you have any questions about your implementation.