Create the widget in Fugte
Start from the Weather with Date starter, generate a variation with the built-in AI, or paste your own code.
Step by step
Embed the Weather with Date in your Shopify store.
Customize and publish it in Fugte
Text, colors, images, numbers, and options are no-code settings, so you can match your branding without touching code. Publishing gives the Weather with Date a stable hosted link and an embed snippet.
Add a Custom Liquid section in your theme
In Shopify admin, go to Online Store → Themes → Customize, add a "Custom Liquid" section or block where you want the widget, and paste the embed snippet.
Or paste it into a page
For standalone pages, open the page in the Shopify editor, switch to the HTML view (the <> button), and paste the embed where the Weather with Date should appear. Save, then preview.
Good to know
Shopify specifics worth planning around.
No app install means nothing is added to your theme.liquid and nothing to clean up later.
The widget runs in a sandboxed cross-origin iframe, so its CSS and JavaScript cannot conflict with your theme or other apps.
Custom Liquid blocks can be placed in product, collection, and page templates through the theme editor.
Updates happen in the widget editor. You never re-edit the theme to change text, colors, or offers.
Ideas
Where the Weather with Date fits.
Local stores
Time, date, and atmosphere. All at a glance.
Events
Time, date, and atmosphere. All at a glance.
Travel pages
Time, date, and atmosphere. All at a glance.
FAQ
Common questions.
Will the Weather with Date slow my store down?
The embed is an iframe loaded from a CDN alongside your page rather than script injected into your theme, so it does not block your theme from rendering.
Do I need a developer or a Shopify app?
No. The whole workflow is copy-paste in the theme editor. If you can add a section in Customize, you can add this.
Can the Weather with Date read my store data?
No, and that is by design. The Weather with Date is a self-contained front-end widget. It does not have Shopify API access, which also means there are no app permissions to review.
More guides
Same widget, other platforms.
Add a Weather with Date to a Canva website
Canva websites do not accept HTML or iframe code, but they do accept links. Add a Weather with Date to your Canva page with a hosted Fugte embed, free to try, no code.
Add a Weather with Date to a Notion page
Add a Weather with Date to any Notion page or Notion Site with the /embed block. Hosted, interactive, works on free Notion plans, no code.
Add a Weather with Date to a WordPress site
Add a Weather with Date to WordPress with a Custom HTML block, no plugin required. Works with the block editor, classic editor, and page builders like Elementor.
Add a Weather with Date to a Webflow site
Add a Weather with Date to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.
Related widgets
More utility widgets for Shopify.
Try it
Put a Weather with Date on your Shopify store today.
Start free, customize the Weather with Date without code, and embed it with one link.