How to embed a gold price widget on your website

Open the GoldAlert widget builder, choose gold or silver, select a currency, unit and theme, then copy the generated iframe into your site. The important final step is checking that readers can see the timestamp, unit and data limitation.

Reviewed September 15, 2026 · GoldAlert Editorial Desk · 10-minute implementation guide

1. Build the version your readers need

Visit the free GoldAlert widget builder. Choose Gold or Silver, then select USD, EUR, GBP, JPY, CHF, AUD, IDR, INR or CNY. Select a troy ounce, gram or kilogram and preview the light and dark themes.

Match the unit to your audience. A bullion-focused U.S. site may prefer troy ounces, while readers in much of Asia or Europe may find grams more natural.

2. Copy one iframe

The builder produces code similar to this:

<iframe src="https://goldalert.org/widget/?metal=gold&currency=EUR&unit=g&theme=light" width="380" height="220" style="border:0" loading="lazy" title="GoldAlert gold price widget"></iframe>

Paste it into a Custom HTML, Embed or Code block in your publishing system. Do not paste it into a plain-text paragraph, which may display the code instead of the widget.

3. Test the page, not only the preview

The `loading="lazy"` attribute helps browsers postpone an off-screen iframe, reducing unnecessary initial work. If the widget is the first thing on the page, the browser may load it immediately.

What the widget says—and does not say

The GoldAlert widget displays the latest scheduled daily close, daily percentage change and the existing HOLD, WATCH or STRONG pullback stage. It is not an executable dealer bid or ask and should not be marketed as a tick-by-tick price feed.

The attribution and methodology link provide essential provenance. Keeping them visible helps readers and answer engines understand who published the value, what it measures and where to inspect the calculation.

Responsible SEO use

An iframe alone is not a complete article. Add original text explaining why the price matters to your audience, what currency and unit you selected, and when the value updates. Avoid creating dozens of near-identical pages that differ only by a query parameter.

GoldAlert keeps parameterized widget views out of search indexes while allowing links to be followed. The canonical widget-builder page remains indexable. That separates a useful product page from thin duplicate combinations.

Understanding the widget URL

The iframe source uses readable query parameters. `metal` selects gold or silver, `currency` selects the display currency, `unit` chooses ounce, gram or kilogram, and `theme` chooses light or dark. The builder creates these safely, so most publishers do not need to edit them by hand.

If you do edit the URL, change one parameter at a time and reload the page. Unsupported values fall back to defaults rather than becoming new products or currencies. Keep the source on `https://goldalert.org/widget/` so updates and methodology remain consistent.

Responsive placement

The generated iframe uses a 380-pixel width, which suits many sidebars and content columns. On a narrow container, CSS can set `max-width:100%` while retaining the fixed height. Test at the actual breakpoint used by your site instead of resizing only a desktop browser window.

Avoid squeezing the frame until labels are clipped. If a sidebar is too narrow, place the widget in the main content column or a full-width mobile row.

Accessibility details that matter

The iframe needs a meaningful `title`, such as “GoldAlert silver price widget.” Do not use “widget” alone because a screen-reader user needs to know what the frame contains. Maintain adequate surrounding contrast and do not hide the frame behind keyboard-inaccessible controls.

The internal widget uses text labels alongside color for price change and rule status. Publishers should preserve that content rather than taking a screenshot, which loses live text, links and accessibility semantics.

Content Security Policy and privacy

A restrictive site may use a Content Security Policy with `frame-src`. In that case, permit `https://goldalert.org` explicitly. Do not broadly allow every frame origin merely to solve one embed.

The widget loads its market files from GoldAlert and may request an indicative exchange rate for non-dollar views. Review your own privacy disclosure and consent setup to determine how third-party resources should be described to your visitors.

Performance and layout stability

Set both width and height so the browser reserves space before the iframe arrives. That reduces layout shift. Lazy loading is useful below the fold, but a widget used as the primary content may deserve normal loading so readers do not stare at an empty area.

Do not add several identical widgets above the main article. Multiple frames increase requests and weaken the page's purpose. One relevant widget plus original analysis is usually clearer.

Failure states and cache checks

If the frame says “Data unavailable,” open its source URL directly. Confirm that the market-history and signal files load and that a privacy or security extension is not blocking them. If the page shows an old value, compare the displayed close date with GoldAlert's main dashboard.

Never replace an unavailable value with zero. Zero is a real number and would imply a market event. A visible error preserves meaning while the source recovers.

Editorial copy to place around the widget

Explain the selected metal, currency, unit and refresh convention in one short paragraph. For example: “The panel below shows GoldAlert's latest scheduled gold close converted to euros per gram. It is an indicative reference, not a dealer offer.”

Then add unique context relevant to the page: local bullion units, how premiums work, or why daily closes are used. This surrounding explanation is what turns an embed into useful editorial content.

Safe customization boundaries

You may select from the builder's supported settings and style the outer container. Do not cover the source, date, status or methodology attribution. Those are not decorative; they prevent the number from being separated from its meaning.

If you need a different instrument or data license, use a suitable provider rather than relabeling the GoldAlert output. A widget remains trustworthy only when its visual label matches its actual data.

A launch checklist

  1. Generate the iframe in the official builder.
  2. Paste it into an HTML-capable block.
  3. Set a descriptive title and reserve its dimensions.
  4. Test desktop, phone, keyboard navigation and both themes.
  5. Confirm source, date, currency and unit are visible.
  6. Add original explanatory copy.
  7. Recheck after publishing and after any security-plugin change.

Frequently asked questions

Can I embed the widget in WordPress?

Yes, if your role and site configuration allow iframes. Use a Custom HTML block and preview the published page.

Can I remove the attribution?

No. Keep the visible GoldAlert source and methodology link intact. They provide context and trust for readers.

Why does the price differ from my dealer?

The widget uses a scheduled market close and indicative currency conversion. A dealer quote may include a newer reference, bid-ask spread, fabrication, tax, delivery and margin.

Related reading and sources

Need advanced charting? GoldAlert's interactive charts are powered by TradingView. The link is a referral link; GoldAlert may earn a commission at no additional cost to you.

The widget is an educational reference display. Verify live and executable prices with the relevant broker, venue or dealer.