Shopify · free forever · no signup

Add a free live weather widget to Shopify

One snippet, pasted into a Custom Liquid block on the template that needs it — because local conditions are a glanceable sidebar item, not a content block. Shopify powers well over 4 million live stores, and almost none of those sites want another app just to render a small piece of live data. No app. Shopify renders raw HTML and script tags inside a Custom Liquid block, so there is nothing to install from the App Store.

Wunderground killed their free embeddable widget in 2018. Dark Sky shut down in 2022 (Apple acquired). OpenWeatherMap and AccuWeather charge for embeds. Until today there was no good, free, signup-free weather widget. Now there is. Open-Meteo powered — accurate forecasts, no API key needed, 6 beautiful themes.

How to install it on Shopify

  1. 1Go to Online Store → Themes → Customize and pick the template from the dropdown at the top — Product, Blog post, or Default page.
  2. 2Click Add section → Custom Liquid, then drag it where you want it in the page order.
  3. 3Paste the snippet and Save.
  4. 4Shopify's modern themes have no true sidebar, so a narrow Custom Liquid section above the footer is the closest equivalent — and it stays visible on every page you add it to.
Older theme, or no Custom Liquid block? Want it on every page instead of one template? Put the same Custom Liquid block into the Footer section — footer blocks are global, template sections are not.

Three things that trip people up on Shopify

Check which theme you actually edited

Shopify lets you customise an unpublished theme, and the editor looks identical either way. If you pasted the snippet, saved, and the live store shows nothing, you almost certainly edited a draft or the duplicate you made as a backup. Online Store → Themes shows which one is under Live — edit that one, or publish the one you edited.

Use Custom Liquid, never the visual editor

Shopify's rich text editor for pages, articles and product descriptions strips script tags on save without warning you. The Custom Liquid block, the <> Show HTML view, and raw .liquid files in Edit code all pass markup through untouched. If your snippet disappeared the moment you saved, that is the reason.

Checkout pages are off limits

Shopify does not allow third-party scripts on checkout — that is a platform restriction, not a widget limitation. Everything else is fair game: home, collection, product, cart, blog, pages and the 404. Put the widget in the footer and it covers all of them in one paste.

What you get, and what it costs

  • Free forever — there is no paid tier, no trial and no card
  • No signup for the badge-style widgets; the live ones create a site ID inline from your URL
  • Async script — it never blocks your page from rendering
  • Works on Dawn and every other Online Store 2.0 theme, on older vintage themes, and inside Shogun, PageFly and GemPages
  • Bots filtered server-side on every visitor-counting widget

Shopify questions

Do I need an app to add a live weather widget to Shopify?

No app. Shopify renders raw HTML and script tags inside a Custom Liquid block, so there is nothing to install from the App Store. Installing an app for this would mean an extra dependency, an update cycle and a security surface to render one snippet. Paste it into a Custom Liquid block on the template that needs it and you're done.

Where exactly does the snippet go on Shopify?

A Custom Liquid block on the template that needs it — because local conditions are a glanceable sidebar item, not a content block. Go to Online Store → Themes → Customize and pick the template from the dropdown at the top — Product, Blog post, or Default page. Click Add section → Custom Liquid, then drag it where you want it in the page order. Paste the snippet and Save. Shopify's modern themes have no true sidebar, so a narrow Custom Liquid section above the footer is the closest equivalent — and it stays visible on every page you add it to.

Will it slow my Shopify site down?

No. The script tag is async, so it never blocks your page from rendering, and the widget draws itself after your content is already on screen. Shopify serves your storefront from its own CDN and that doesn't change — the snippet is a single async tag, so it loads alongside your theme instead of in front of it. Nothing needs excluding from Shopify's own minification.

Does it work with page builders like Shogun?

Shogun: drag in the HTML/Liquid element and paste there. PageFly: use the HTML/Liquid element. GemPages: use the Liquid element. Shopify's own theme editor: add a Custom Liquid block. Any builder with a raw-HTML or code block will render it, because there's nothing framework-specific in the snippet.