Stafford Fuel Prices

Free Fuel Price Widget

Add live Stafford fuel prices to your website for free. Choose a widget size, customise it, and paste the code into your site. Prices update automatically.

Live Data

Prices update automatically every hour from the UK Government Fuel Finder scheme

Customisable

Choose from 4 sizes, light or dark theme, and optional fuel type filter

Choose Widget Size

Customise

Embed Code

<iframe src="https://stafford-fuel.co.uk/widget?size=medium&theme=light" style="border:none;overflow:hidden;border-radius:8px;width:100%;max-width:300px;height:195px;background:transparent;" loading="lazy" title="Stafford Fuel Prices" sandbox="allow-top-navigation-by-user-activation allow-popups allow-popups-to-escape-sandbox"></iframe>

Copy this code and paste it into the HTML of your website where you want the widget to appear.

Live Preview

All Widget Sizes

📝 How to Add the Widget to Your Website

Embedding the HTML Code

The widget is a simple piece of HTML code that works on any website. Just paste it into your page where you want the fuel prices to appear.

  1. 1Choose your preferred widget size and theme above, then click Copy Code.
  2. 2Open the HTML source of the page where you want the widget to appear.
  3. 3Paste the <iframe> code at the position where you want the widget to display.
  4. 4Save the page and refresh — the live fuel prices will appear immediately.

WordPress Users

In WordPress, you can embed the HTML code in several places:

  • •In a page or post: Switch to the Code Editor view (click the three dots menu → Code Editor) and paste the embed code where you want it.
  • •In a sidebar: Go to Appearance → Widgets, add an HTML widget to your sidebar, and paste the embed code. The 300px-wide sizes work best here.
  • •In your theme: You can paste the embed code directly into your theme's template files (e.g. sidebar.php or footer.php).
  • •Page builders (Elementor, WPBakery, etc.): Use an HTML element/block and paste the embed code.

💡 Tips

  • • The 300px-wide widgets (Badge, Grid, Card) work best in sidebars and narrow columns.
  • • The Leaderboard (728px) is ideal for full-width content areas between paragraphs.
  • • Use the dark theme if your website has a dark background.
  • • Prices refresh automatically when visitors load the page — no maintenance required.
  • • The widget is lightweight, secure, and won't slow down your website.