Developer Hub · Free forever

Embed a complete live page on your website with one line of code

These are not tiny badges. Each embed renders a full ready-made page inside your site — live chart, karat-wise prices, unit tables, a working calculator and city links — and it refreshes automatically every 10 minutes. Once you paste the code, your page stays up to date forever without you touching it again. Free for personal and commercial use; the visible source credit link must stay.

1. Pick a widget

Gold, silver or calculator — 10 ready pages.

2. Copy the code

One universal snippet, auto-resizing.

3. Paste anywhere

WordPress, Blogger, Next.js, Lovable, HTML.

Quick start (works on every platform)

Paste this once. The loader script finds every data-drhint-embed block on the page, injects the live widget and resizes it to fit — no fixed heights, no scrollbars.

Universal snippet

<div data-drhint-embed="gold-pakistan"></div>
<script src="https://drhint.com/embed.js" async></script>

Building with an AI (Lovable, v0, Bolt, Cursor)?

Every widget below has an AI prompt tab. Copy that prompt, paste it into your AI builder, and it will create a complete page around the live widget — including the required credit link. The AI does not need to scrape anything: the prompt already contains the exact embed code and URLs.

Gold rate page widgets

Full gold pages with chart, karat table and calculator.

Gold Rate in Pakistan — Full Page

Live 24K/22K/21K gold rate in PKR with 6-month chart, tola & gram breakdown, mini calculator and Urdu city CTA.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="gold-pakistan" style="min-height:1500px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/pakistan" target="_blank">Gold Rate in Pakistan Today</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Gold Rate in India — Full Page

Live 24K/22K/18K gold price per 10 gram in INR with chart, karat table, mini calculator and city CTA.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="gold-india" style="min-height:1500px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/india" target="_blank">Gold Rate in India Today</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Silver rate page widgets

Live silver by tola, gram, 10 gram and kilo.

Silver Rate in Pakistan — Full Page

Live silver per tola, gram, 10 gram and kg in PKR with converter and city intent links.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="silver-pakistan" style="min-height:1350px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/silver-rate-pakistan" target="_blank">Silver Rate in Pakistan Today</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Silver Rate in India — Full Page

Live silver per gram, 10 gram and kg in INR with converter and city intent links.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="silver-india" style="min-height:1350px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/silver-rate-india" target="_blank">Silver Rate in India Today</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Calculator page widgets

Ready-made calculator pages for your audience.

Today Gold Rate Calculator (Pakistan)

Weight × karat gold value calculator on live PKR rates, with jump to the full Pakistan calculator.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="gold-calculator-pakistan" style="min-height:1050px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/today-gold-rate-calculator-pakistan" target="_blank">Today Gold Rate Calculator Pakistan</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Today Gold Rate Calculator (India)

Weight × karat gold value calculator on live INR rates, with jump to the full India calculator.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="gold-calculator-india" style="min-height:1050px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/today-gold-rate-calculator-india" target="_blank">Today Gold Rate Calculator India</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Age Calculator — Full Page

Exact age in years, months, days, hours plus next-birthday countdown.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="age-calculator" style="min-height:1000px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/age-calculator" target="_blank">Age Calculator</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Pregnancy Due Date Calculator

LMP based due date, gestational age and trimester with week-by-week intent links.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="pregnancy-calculator" style="min-height:1000px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/age-calculator/gestational-pregnancy" target="_blank">Pregnancy & Gestational Age Calculator</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

BMI Calculator — Full Page

Metric + imperial BMI with category band and healthy weight range.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="bmi-calculator" style="min-height:1000px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/bmi-calculator" target="_blank">BMI Calculator</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

Zakat Calculator (Gold & Silver)

2.5% zakat on gold, silver, cash and savings using live metal rates.

Auto-resizes to content height. Works on WordPress, custom HTML and any site that allows scripts.

<div data-drhint-embed="zakat-calculator" style="min-height:1050px"></div>
<p style="font-size:12px;font-family:Arial,sans-serif;margin:6px 0 0">Live data source: <a href="https://drhint.com/zakat-calculator" target="_blank">Zakat Calculator</a> by DrHint</p>
<script src="https://drhint.com/embed.js" async></script>

Live preview

JSON API for developers

Prefer raw numbers? Our public endpoint returns live gold spot, USD/PKR, USD/INR and computed local prices with CORS enabled — no API key, no signup.

Endpoint

GET https://drhint.com/api/public/hooks/gold-rates

JavaScript

fetch("https://drhint.com/api/public/hooks/gold-rates")
  .then((r) => r.json())
  .then((d) => {
    console.log(d.perTola24kPkr, d.per10gram24kInr);
  });

Full API documentation: live gold rate API docs. Attribution link to drhint.com is required when you display our data.

Platform install guides

WordPress (Gutenberg)

Add a Custom HTML block, paste the universal snippet, publish. In Classic Editor switch to the Text tab first.

Blogger / Blogspot

Blogger strips some scripts — use the iFrame tab code instead of the universal snippet.

Next.js / Vercel

Use the React tab. Put the component in your page; no client-side data fetching needed.

Lovable / React apps

Paste the React snippet as a component and drop it into any route.

Wix / Squarespace / Webflow

Insert an Embed / Custom Code element and paste the iFrame code.

Plain HTML / custom site

Paste the universal snippet anywhere inside <body>. Keep the credit paragraph visible.