How to Add Gold Widgets to WordPress, Shopify, Wix, Blogger and Squarespace

The short version

1. Open the free gold widgets page and use the builder to choose a widget, a currency or city, a size and the light or dark theme.
2. Copy the one-line script code, or the iframe code if your platform blocks scripts.
3. Paste it into your platform’s HTML or code box (the exact place for each platform is below) and publish.

That’s it. There’s no account, no API key and nothing to update later: prices, exchange rates and the market countdown refresh by themselves.

The five widgets, and what each is good for

Each one is 300 pixels wide, the standard width of a sidebar or an ad slot, and 250 pixels tall (the gold price widget also comes in a slim 300 × 120 size).

Script or iframe: which code should you use?

The builder gives you two codes for every configuration. They show exactly the same live data.

The script code is one line:

<script src="https://www.xauusdglobal.com/assets/js/widget.js" data-widget="gold-price" data-currency="INR" data-size="card" data-theme="light" async></script>

It draws the widget right where you paste it, fits narrow columns automatically, and keeps the credit link on your own page. The async attribute means it never holds up the rest of your page. Use it wherever your platform lets you add scripts: WordPress (self-hosted, or WordPress.com on a plan that allows custom code), Shopify, Blogger, Squarespace and plain HTML.

The iframe code is a small window onto our widget page:

<iframe src="https://www.xauusdglobal.com/embed/gold-price/?currency=INR&size=card&theme=light" width="300" height="250" style="border:0;max-width:100%" loading="lazy" title="Gold price today widget"></iframe>
<p style="font-size:12px;margin:4px 0 0">Gold price today in INR by <a href="https://www.xauusdglobal.com/gold-price/india/" rel="noopener">XAUUSD Global</a></p>

Use it on builders that strip or sandbox scripts, such as Wix and Google Sites, and in email-style editors that only accept iframes. Keep the short credit paragraph under it.

You can change the options by hand too: data-currency (or currency= in the iframe address) takes a code such as USD, INR, AED, SAR, GBP, EUR, PKR, NGN or MYR; data-theme is dark or light; data-size is card or small for the gold price widget; and the city widget takes data-city, for example mumbai, dubai or lagos.

WordPress

Block editor (Gutenberg)

1. Open the page or post and click where the widget should go.
2. Click the + (block inserter), search for Custom HTML and add the block.
3. Paste the script code.
4. Click Preview in the block toolbar to see it, then Update or Publish.

Sidebar or footer

1. Go to Appearance → Widgets (or Appearance → Customize → Widgets on some themes).
2. Add a Custom HTML block or widget to the sidebar or footer area.
3. Paste the code and save. The widget now appears on every page that shows that sidebar.

Page builders

In Elementor, drag the HTML widget onto the page and paste the code. In Divi, use a Code module. Most other builders have an “HTML” or “Code” element that works the same way.

On WordPress.com, the free and lower plans remove scripts from posts. If the script does not show, use the iframe code in a Custom HTML block instead.

Shopify

Online Store 2.0 themes (Dawn and most current themes) have a section made for this.

1. In your Shopify admin go to Online Store → Themes and click Customize on your live theme.
2. Open the page template where the widget should appear, for example the home page or a collection page.
3. Click Add section and choose Custom Liquid.
4. Paste the script code into the Liquid box. Shopify accepts plain HTML and scripts here.
5. Drag the section into place and click Save.

For a coin or bullion store, the small 300 × 120 gold price widget above your product grid works well; set data-currency to your store’s currency. On older themes without Custom Liquid, add a Custom HTML block, or paste the code into a page using the Show HTML (<>) button in the page editor.

Wix

Wix runs custom code inside its own frame, so the iframe code gives the most predictable result.

1. In the Wix editor click Add Elements (the +), then Embed Code → Embed HTML.
2. In the box that appears, choose Code, paste the iframe code and click Update.
3. Drag the corners until the box is 300 × 250 pixels (or 300 × 120 for the small gold price widget), so there is no scrollbar.
4. Publish and check the live page. The editor preview is sometimes blank even when the published page is fine.

Blogger

1. In your Blogger dashboard go to Layout.
2. In the sidebar or footer, click Add a Gadget and choose HTML/JavaScript.
3. Leave the title empty (the widget has its own), paste the script code and click Save.
4. Click Save arrangement if your template asks for it, then view the blog.

To put a widget inside a single post instead, open the post, switch the editor from Compose view to HTML view, paste the code where you want it and publish.

Squarespace

1. Edit the page and click an insert point (+ or Add block).
2. Choose Code.
3. Paste the script code and make sure the display is set to HTML, with “Display source” switched off.
4. Click outside the block, then Save and check the live page.

Squarespace runs scripts in Code blocks only on some plans, and its editor often hides script output while you edit. If the widget does not appear on the published page, paste the iframe code into the Code block instead.

Plain HTML

Paste the script code into your page’s <body> wherever the widget should appear, then upload the file:

<aside class="sidebar">
  <h2>Gold today</h2>
  <script src="https://www.xauusdglobal.com/assets/js/widget.js" data-widget="market-open" data-theme="dark" async></script>
</aside>

You can paste several widgets on one page; they share a single data download. Each script line draws its own widget where it sits.

Troubleshooting

What the widgets do not do

The numbers are indicative: the price is converted from COMEX gold futures at market exchange rates, and shops add VAT or GST, making charges and their margin, so a jeweller’s board will differ. The levels widget shows reference points from yesterday’s prices for education. None of the widgets gives buy or sell signals. For the background behind each number, see our gold price by country pages, the gold market hours tool, the gold-silver ratio tracker and our daily XAUUSD analysis. If you only need the earlier iframe widgets, the original widget guide still applies.

Key takeaways

• Build your widget and copy the code on the free gold widgets page.
• Use the one-line script on WordPress, Shopify, Blogger, Squarespace and plain HTML; use the iframe on Wix and anywhere scripts are blocked.
• Paste into a Custom HTML, Custom Liquid, HTML/JavaScript or Code block, never a plain text block.
• Keep the “Gold data by XAUUSD Global” credit visible: it’s the only thing we ask for.

Sources

• XAUUSD Global: Free gold widgets and embed codes
• WordPress.org: Custom HTML block
• Shopify Help Center: Sections and blocks
• Wix Help Center: Embedding custom code
• MDN Web Docs: The iframe element

Educational content only, not financial advice. Trading gold with leverage carries a high risk of loss.

Frequently asked questions