Fugte logo Fugte Website features, no developer needed
Get started
Tab Component widget

Notion embed guide

How to Add a Tab Component to a Notion Page.

Notion supports live embeds through its /embed block: paste a link, and the content renders inside the page. That makes adding a Tab Component to Notion one of the simplest embed workflows there is, as long as the widget lives at a hosted URL.

Start with this widget About the Tab Component
Live starter preview

Step by step

Embed the Tab Component in your Notion page.

01

Create the widget in Fugte

Start from the Tab Component 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 Tab Component a stable hosted link and an embed snippet.

03

Type /embed in Notion

On the Notion page where you want the widget, type /embed, choose the Embed block, and paste the hosted link.

04

Resize and share

Drag the block's handles to size the Tab Component, 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.

This widget

What the Tab Component needs from the embed.

The section above applies to anything you put on a Notion page. This part is specific to the Tab Component.

This widget changes height while someone is using it: opening a row, switching a tab, or filtering down a list. The Notion 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.

Tab panels are rarely the same length. The height this widget needs is the height of its longest panel, not whichever one happens to be showing when you size the frame.

Ideas

Where the Tab Component fits.

Features

Colorful, customizable CSS-only tabs component.

Services

Colorful, customizable CSS-only tabs component.

Product details

Colorful, customizable CSS-only tabs component.

FAQ

Common questions.

Does the Tab Component 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 Tab Component later?

Edit it in Fugte. The Notion embed points at the same hosted link, so every page showing the Tab Component updates without touching Notion.

More guides

Same widget, other platforms.

Canva

Add a Tab Component to a Canva website

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

 Shopify

Add a Tab Component to a Shopify store

Add a Tab Component 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 Tab Component to a WordPress site

Add a Tab Component 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 Tab Component to a Webflow site

Add a Tab Component to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.

Related widgets

More content widgets for Notion.

Media

Add a Before/After Slider to a Notion page

Showcase the transformation!

 Media

Add a Categorized Image Gallery to a Notion page

Categorized image gallery with modal preview and fast filtering.

 Media

Add a Hover To Reveal to a Notion page

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

Try it

Put a Tab Component on your Notion page today.

Start free, customize the Tab Component without code, and embed it with one link.

Start with this widget Browse all widgets