How to Embed TSB Widgets in Notion (Live Data)

Why Add Live Trading Data to Notion

Notion excels at text, tables, and databases. What it cannot do is show live trading performance. You can write about your trades, but you cannot see your equity curve without opening another tab.

The typical workaround — screenshotting charts and pasting them into Notion — creates stale data the moment you take the next trade. Widget embeds solve this: the data refreshes every time you open the Notion page. No manual updates, no screenshots that are outdated by lunchtime.

This matters most for three workflows:

• Weekly reviews — see your equity curve and P&L while writing what went well and what to improve
• Morning prep — economic calendar and market sessions visible alongside your trading plan
• Accountability — a dashboard page you can't ignore, because the numbers stare back at you

Step-by-Step: Embedding Your First Widget

The process is identical for every TSB widget. Here is the exact sequence:

1. Open TSB and go to your widgets dashboard. Find the widget you want to embed.
2. Copy the embed URL. Each widget has a shareable link in the format:
   https://app.traderssecondbrain.com/widgets/widget.php?id=daily-summary
   For authenticated widgets (personal data), the URL includes a token parameter for secure access.
3. Open your Notion page. Click where you want the widget to appear.
4. Type /embed and select "Embed" from the block menu.
5. Paste the widget URL and press Enter.
6. Resize the block. Drag the edges to set width and height. See the sizing guide below for recommended dimensions.

That's it. The widget loads inside Notion and pulls data from TSB on every page load. No refresh button needed — Notion re-renders the embed each time you visit the page.

All Embeddable Widgets

TSB has 22 embeddable widgets across five categories. Here is the complete list, split by authentication requirement:

Personal Trading Data (Authenticated)

These show your own trade data. They require your TSB session or token to display.

Public Market Data (No Login Required)

These work for anyone viewing the Notion page — useful for shared workspaces or team pages.

Recommended Embed Sizes

Notion lets you drag embed blocks to any size, but widgets have optimal dimensions based on their content. Using the wrong size causes charts to look cramped or cards to overflow.

These dimensions come from the widgets.json configuration that defines each widget's default render size. Start with these values, then adjust based on your Notion page layout.

Authenticated vs Public Widgets

Understanding this distinction prevents confusion when sharing Notion pages:

Building a Dashboard Layout in Notion

A single widget is useful. A structured layout is powerful. Here's how to build a trading dashboard using Notion's column feature:

Two-Column Performance View

Use Notion's /column block to place two widgets side by side:

• Left column: Mini Equity Chart (440×300) — shows your P&L trend
• Right column: Quick Stats (350×210) + Streak Counter (380×410) stacked — shows key metrics

Morning Prep Page

Stack widgets vertically for a clean pre-market flow:

1. Economic Calendar (full width) — today's events
2. Market Overview (full width) — current prices
3. Your written trading plan (Notion text block) — below the data

Weekly Review Template

Build a reusable Notion template for weekly reviews:

1. Weekly Summary widget (top) — this week's numbers
2. Mini Equity Chart (below) — visual P&L trend
3. Notion text sections: "What went well," "Mistakes," "Next week's focus"
4. Monthly Comparison widget (bottom) — month-over-month context

The power of this approach: your review template is pre-populated with live data every time you create a new weekly entry. No screenshots, no manual data entry.

Troubleshooting Common Issues

Most embed problems fall into a few categories:

Browser-Specific Notes

• Chrome: Works out of the box. Third-party cookies allowed by default for embed contexts.
• Safari: May block cross-site cookies. If authenticated widgets don't load, check Safari → Settings → Privacy → disable "Prevent cross-site tracking" for testing.
• Brave: Aggressive cookie blocking. Add app.traderssecondbrain.com to the shields exception list.
• Firefox: Works with default settings. Enhanced Tracking Protection may interfere in Strict mode.

Notion iOS and Mobile Considerations

Embedding widgets in Notion on iOS (iPhone/iPad) involves WKWebView, which has stricter security policies than desktop browsers. TSB handles this by:

• Removing Content-Security-Policy and X-Frame-Options headers for widget routes
• Setting cookies with SameSite=None; Secure for cross-origin iframe compatibility
• Using Access-Control-Allow-Origin: * to allow Notion's iframe to load the widget

If an authenticated widget shows a login prompt on iOS but works on desktop, the most common fix is ensuring you're logged into TSB in the same browser. iOS WKWebView does not share cookies with Safari, so the Notion app maintains its own session state.

Real Use Cases

Prop Firm Challenge Tracker

Embed your daily summary and quick stats on a dedicated challenge page. Below the widgets, keep your journal notes and drawdown rules. See your numbers and rules in one view instead of switching between apps.

Strategy Comparison

If you trade multiple strategies and tag them in TSB, create a Notion page per strategy. Embed the performance radar widget to compare behavioral patterns across strategies. Pair it with your trade tagging setup for filtered views.

Trading Group Workspace

For shared Notion workspaces (study groups, prop firm teams), embed public widgets — economic calendar, market overview, and news wall. Everyone on the team sees the same market context without needing individual TSB accounts.