Create the widget in Fugte
Start from the Hover To Reveal starter, generate a variation with the built-in AI, or paste your own code.
Step by step
Embed the Hover To Reveal in your Canva website.
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 Hover To Reveal a stable hosted link and an embed snippet.
Add an Embed element in Canva
Open your website design in Canva, then add an Embed element from Apps, or simply paste the link straight onto the page.
Paste the link and publish
Paste the hosted widget link, resize and position the Hover To Reveal 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.
Ideas
Where the Hover To Reveal fits.
Coupons
Create a hover section that reveals what's behind it.
Before/after
Create a hover section that reveals what's behind it.
Surprises
Create a hover section that reveals what's behind it.
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 Hover To Reveal stay interactive after the Canva site is published?
Yes. The Hover To Reveal 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.
Add a Hover To Reveal to a Notion page
Add a Hover To Reveal to any Notion page or Notion Site with the /embed block. Hosted, interactive, works on free Notion plans, no code.
Add a Hover To Reveal to a Shopify store
Add a Hover To Reveal to your Shopify store without installing an app or editing theme code: paste one hosted embed into a Custom Liquid section or page.
Add a Hover To Reveal to a WordPress site
Add a Hover To Reveal to WordPress with a Custom HTML block, no plugin required. Works with the block editor, classic editor, and page builders like Elementor.
Add a Hover To Reveal to a Webflow site
Add a Hover To Reveal to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.
Related widgets
More media widgets for Canva.
Add a Before/After Slider to a Canva website
Interactive before/after comparison for visual transformations.
Add a Categorized Image Gallery to a Canva website
Categorized image gallery with modal preview and fast filtering.
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 Hover To Reveal on your Canva website today.
Start free, customize the Hover To Reveal without code, and embed it with one link.