Create the widget in Fugte
Start from the Before/After Slider starter, generate a variation with the built-in AI, or paste your own code.
Step by step
Embed the Before/After Slider in your Notion page.
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 Before/After Slider a stable hosted link and an embed snippet.
Type /embed in Notion
On the Notion page where you want the widget, type /embed, choose the Embed block, and paste the hosted link.
Resize and share
Drag the block's handles to size the Before/After Slider, then share or publish the page as usual. The widget stays interactive for viewers.
Good to know
Notion specifics worth planning around.
Embeds work on free Notion plans, in private workspaces, shared pages, and published Notion Sites.
The widget is sized by dragging the embed block handles: set a height that fits the content to avoid inner scrollbars.
Teammates can move or delete the embed block, but the widget itself is edited in the widget editor, so nobody can break it from inside Notion.
The link stays stable: edits made in the widget editor show up on the Notion page automatically.
Ideas
Where the Before/After Slider fits.
Portfolios
Interactive before/after comparison for visual transformations.
Showcases
Interactive before/after comparison for visual transformations.
Visual pages
Interactive before/after comparison for visual transformations.
FAQ
Common questions.
Does the Before/After Slider work on public Notion pages?
Yes. Embeds render on pages shared to the web and on Notion Sites, and visitors can interact with them without a Notion account.
Do I need a paid Notion plan?
No. The /embed block is available on free Notion plans.
How do I update the Before/After Slider later?
Edit it in Fugte. The Notion embed points at the same hosted link, so every page showing the Before/After Slider updates without touching Notion.
More guides
Same widget, other platforms.
Add a Before/After Slider to a Canva website
Canva websites do not accept HTML or iframe code, but they do accept links. Add a Before/After Slider to your Canva page with a hosted Fugte embed, free to try, no code.
Add a Before/After Slider to a Shopify store
Add a Before/After Slider 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 Before/After Slider to a WordPress site
Add a Before/After Slider to WordPress with a Custom HTML block, no plugin required. Works with the block editor, classic editor, and page builders like Elementor.
Add a Before/After Slider to a Webflow site
Add a Before/After Slider to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.
Related widgets
More media widgets for Notion.
Add a Categorized Image Gallery to a Notion page
Categorized image gallery with modal preview and fast filtering.
Add a Hover To Reveal to a Notion page
Create a hover section that reveals what's behind it.
Add an Image marquee to a Notion page
Show trusted client and partner logos in a seamless, infinite horizontal scrolling track.
Try it
Put a Before/After Slider on your Notion page today.
Start free, customize the Before/After Slider without code, and embed it with one link.