Fugte logo Fugte Website features, no developer needed
Get started
Categorized Image Gallery widget

Shopify embed guide

How to Add a Categorized Image Gallery to a Shopify Store.

The usual route to a Categorized Image Gallery on Shopify is installing yet another app, with its own subscription, its own scripts added to your theme, and its own uninstall residue. A hosted embed skips all of that: the widget runs in a sandboxed iframe served from a CDN, and your theme code stays untouched.

Start with this widget About the Categorized Image Gallery
Live starter preview

Step by step

Embed the Categorized Image Gallery in your Shopify store.

01

Create the widget in Fugte

Start from the Categorized Image Gallery starter, generate a variation with the built-in AI, or paste your own code.

02

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 Categorized Image Gallery a stable hosted link and an embed snippet.

03

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.

04

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 Categorized Image Gallery 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.

This widget

What the Categorized Image Gallery needs from the embed.

The section above applies to anything you put on a Shopify store. This part is specific to the Categorized Image Gallery.

This widget changes height while someone is using it: opening a row, switching a tab, or filtering down a list. Set the frame height to responsive on the editor's Iframe tab before you publish. A fixed height measured against the state it loads in will clip the expanded content or leave it scrolling inside the frame.

Check it at phone width before you call it done. A row that sits on one line on a laptop often wraps to three on a phone, and that is where a frame sized on a desktop runs short.

Opening a tile shows a preview overlay. It is positioned against the widget's own frame rather than the page behind it, so it can only ever fill the embed box, not darken the whole screen the way a lightbox on a normal site would. Give the frame enough height that the preview has somewhere to open.

The category buttons change how many tiles are on screen, so the height moves as visitors filter. The tallest category is the one to size against.

Ideas

Where the Categorized Image Gallery fits.

Portfolios

Categorized image gallery with modal preview and fast filtering.

Showcases

Categorized image gallery with modal preview and fast filtering.

Visual pages

Categorized image gallery with modal preview and fast filtering.

FAQ

Common questions.

Will the Categorized Image Gallery 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 Categorized Image Gallery read my store data?

No, and that is by design. The Categorized Image Gallery 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.

Canva

Add a Categorized Image Gallery to a Canva website

Canva websites do not accept HTML or iframe code, but they do accept links. Add a Categorized Image Gallery to your Canva page with a hosted Fugte embed, free to try, no code.

 Notion

Add a Categorized Image Gallery to a Notion page

Add a Categorized Image Gallery to any Notion page or Notion Site with the /embed block. Hosted, interactive, works on free Notion plans, no code.

 WordPress

Add a Categorized Image Gallery to a WordPress site

Add a Categorized Image Gallery to WordPress with a Custom HTML block, no plugin required. Works with the block editor, classic editor, and page builders like Elementor.

 Webflow

Add a Categorized Image Gallery to a Webflow site

Add a Categorized Image Gallery to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.

Related widgets

More media widgets for Shopify.

Media

Add a Before/After Slider to a Shopify store

Showcase the transformation!

 Media

Add a Hover To Reveal to a Shopify store

Create a hover section that reveals what's behind it.

 Media

Add an Image marquee to a Shopify store

Show trusted client and partner logos in a seamless, infinite horizontal scrolling track.

Try it

Put a Categorized Image Gallery on your Shopify store today.

Start free, customize the Categorized Image Gallery without code, and embed it with one link.

Start with this widget Browse all widgets