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

Canva embed guide

How to Add a Categorized Image Gallery to a Canva Website.

Canva's website builder has no custom-code block: raw HTML, JavaScript, and iframe snippets will not work on any plan. What Canva's Embed element does accept is a URL. So the way to get a Categorized Image Gallery onto a Canva page is to host the widget outside Canva and paste its link in.

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

Step by step

Embed the Categorized Image Gallery in your Canva website.

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 an Embed element in Canva

Open your website design in Canva, then add an Embed element from Apps, or paste the link straight onto the page.

04

Paste the link and publish

Paste the hosted widget link, resize and position the Categorized Image Gallery like any other Canva element, then publish the site.

Good to know

Canva specifics worth planning around.

Canva renders only static, in-page embeds: floating buttons, sticky bars, and popups will not work on Canva sites.

There is no site-wide option: a widget you want on several pages must be embedded on each page individually.

The Embed element is available on free Canva accounts.

The link stays stable, so later edits made in the widget editor appear on the Canva page automatically, no need to reopen the design.

This widget

What the Categorized Image Gallery needs from the embed.

The section above applies to anything you put on a Canva website. 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. The Canva embed box does not grow to follow it, because you set that box by hand. Size it for the widget's fully open state, not the state it loads in, or the extra content ends up scrolling inside the frame instead of pushing the page down.

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.

Can I paste HTML or iframe code into Canva instead?

No. Canva websites do not support raw HTML, JavaScript, or iframe embeds on any plan. Hosting the widget elsewhere and embedding it by link is the supported route.

Will the Categorized Image Gallery stay interactive after the Canva site is published?

Yes. The Categorized Image Gallery loads live on the published site, on desktop and mobile, and visitors can interact with it without any account.

Does this need a paid Canva plan?

No. Canva's Embed element works on free accounts, and Fugte has a free plan, so you can test the full workflow at no cost.

More guides

Same widget, other platforms.

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.

 Shopify

Add a Categorized Image Gallery to a Shopify store

Add a Categorized Image Gallery to your Shopify store without installing an app or editing theme code: paste one hosted embed into a Custom Liquid section or page.

 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 Canva.

Media

Add a Before/After Slider to a Canva website

Showcase the transformation!

 Media

Add a Hover To Reveal to a Canva website

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

 Media

Add an Image marquee to a Canva website

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

Try it

Put a Categorized Image Gallery on your Canva website today.

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

Start with this widget Browse all widgets