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 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 Hover To Reveal 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 Hover To Reveal 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 Hover To Reveal needs from the embed.
The section above applies to anything you put on a Shopify store. This part is specific to the Hover To Reveal.
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.
Will the Hover To Reveal 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 Hover To Reveal read my store data?
No, and that is by design. The Hover To Reveal 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 Hover To Reveal to a Canva website
Canva websites do not accept HTML or iframe code, but they do accept links. Add a Hover To Reveal to your Canva page with a hosted Fugte embed, free to try, no code.
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 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 Shopify.
Add a Before/After Slider to a Shopify store
Showcase the transformation!
Add a Categorized Image Gallery to a Shopify store
Categorized image gallery with modal preview and fast filtering.
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 Hover To Reveal on your Shopify store today.
Start free, customize the Hover To Reveal without code, and embed it with one link.