Beginner · Lesson 06 of 22

Linking Pages & Embedding Content

Connect your doc's pages with @mentions and subpages, then pull live table views and external content onto any page to build real dashboards.

⏱ ~18 min 🔗 Navigation & embeds ✅ Prerequisite: Lesson 05
01 — @mention a Page 02 — Subpages 03 — Cross-page View Embedding 04 — Building a Dashboard Page 05 — Embedding External Content 06 — Summary Table Views Practice
01 — @mention a Page

The fastest inline link in Coda.

Type @ anywhere in a doc — in a paragraph, a table cell, a callout, anywhere — and a picker appears. Start typing the name of any page in the doc. Select it and Coda inserts a live inline link to that page. Click the link to navigate straight there, no mouse hunt through the sidebar required.

This is the primary way to cross-reference pages in long-form content. An onboarding guide might reference @Team Directory, @Company Handbook, and @Project Tracker inline — readers stay in context and click only when they need the detail.

Onboarding Guide — inline @mentions

Welcome to the team! Your first week will be busy — here are the key resources you'll need:

Before your first standup, read through the 📄 Team Norms page and fill in your row on the 📄 Team Directory.

Your onboarding tasks are tracked in 📄 Week 1 Checklist. Talk to your manager if anything's unclear.

Blue pill links are @mentions. Clicking one opens that page. They update automatically if the page is renamed.
@mentions stay in sync If you rename the target page, all @mention links to it update automatically. You never need to hunt down and fix broken links when pages get reorganised.
02 — Subpages

Nest pages for logical hierarchy.

Any page in Coda can have child pages — subpages — nested under it in the sidebar. This lets you build a tree of content that mirrors how the information is actually organised, not just a flat list of pages in whatever order they were created.

To create a subpage, hover over a page name in the sidebar and click the + that appears on its right. Or, drag an existing page and drop it onto another to nest it. You can drag pages up and down to reorder them within a level, or drag them left to unnest them back to the parent level.

Sidebar — subpage hierarchy
📂 Q2 Product Launch
📄 Project Brief
📂 Design
📄 Wireframes
📄 Brand Assets
🗄️ Task Tracker
📄 Launch Checklist
📂 Team

Subpages appear indented under their parent in the sidebar. The parent page itself can have its own content — it doesn't have to be a blank container. Many teams use the parent page as a section overview and put detail into the subpages.

03 — Cross-page View Embedding

Bring a live table view onto any page.

One of Coda's most powerful features is the ability to embed a view of any table — with its full filter, sort, and group configuration — on any page in the doc. The embedded view shows live data. Edit a cell in the embedded view and the underlying table updates. Add a row and it appears everywhere that table is referenced.

To embed a view, type /view on any page. The slash command picker opens. Search for the table you want, select it, then optionally choose which saved view to use. The view renders inline on the page, and it stays up to date automatically.

Project Brief page — embedded "Open Tasks" view

Q2 Campaign — Project Brief

Owner: Alice · Last updated: Apr 5

This campaign targets new signups from the enterprise segment. All deliverables must ship before Apr 30. See open tasks below.

📋 Embedded view — Tasks / Open Tasks Live · editable
Task Owner Due Status
Write email sequence Alice Apr 14 In Progress
Design landing page Bob Apr 18 To Do
Set up campaign tracking Carol Apr 20 To Do
This view is embedded via /view. It shows a filtered subset of the Tasks table — only open tasks for this project. Editing here updates the table everywhere.
04 — Building a Dashboard Page

One page. All the data.

A dashboard page is a regular Coda page that contains nothing but embedded views — pulling from multiple tables, each showing a different slice of data. There's no special "dashboard mode" in Coda; you just use /view repeatedly to embed as many views as you want, then arrange them with headings and layout blocks.

📋

Tasks this week

Embed the Tasks table filtered to Due Date is within this week. Grouped by Assignee so each person sees their workload at a glance.

🚨

Blocked items

Embed the same Tasks table with a different view — filtered to Status is "Blocked." Zero rows means everything is moving. Any rows here need attention.

📊

Budget summary

Embed a view from the Budget table showing only the key columns — Line Item, Allocated, Spent, Remaining. Hide internal approval notes.

Dashboard tip — use section headings Break up your embedded views with bold headings and brief context paragraphs. A heading like "🔴 Needs Attention" above the Blocked view tells readers instantly why that section exists. Pure tables without any prose context can be disorienting.
Team Dashboard — multi-table layout
📅 Due This Week
Embedded view: Tasks / Due This Week (4 rows)
🔴 Blocked
Embedded view: Tasks / Blocked (2 rows)
💰 Budget Overview
Embedded view: Budget / Summary (key columns only)
05 — Embedding External Content

YouTube, Figma, Maps — all inline.

The /embed slash command lets you paste a URL and render external content directly inside a Coda page. The embed is live — changes to the source (a Figma file update, a new YouTube video in a playlist, a Google Maps location) are reflected next time the page loads.

Supported embed types
Service Use case What renders
YouTube Tutorial videos, meeting recordings, demos Playable video player
Figma Design mockups embedded in briefs or specs Interactive Figma viewer
Google Maps Office locations, event venues, service areas Interactive map with pin
Loom Async walkthroughs, screen recordings Playable video player
Typeform / Tally Surveys embedded in process docs Fillable form
Google Docs / Sheets Legacy documents mid-migration Read-only document preview
Any URL Custom tools, internal apps, dashboards Framed iFrame (if the site allows)
/embed vs /view Use /view for Coda tables — this gives you a fully interactive, live-editable table embed. Use /embed for everything external — YouTube, Figma, Google Maps. The two commands are not interchangeable.
06 — Summary Table Views

Show only the columns that matter here.

When you embed a table view on a page using /view, you can configure that embedded view to show only a curated set of columns — a "summary" slice of the full table. This is exactly what column hiding is for. The full table might have 12 columns; your summary view on the brief page shows only 4.

The right pattern for shared pages or client-facing summaries: embed the table, open the view's column settings, hide everything except the columns you want stakeholders to see. Their edit permissions still apply — if they have edit access, they can update values in the visible columns. They just won't be distracted by or accidentally edit the internal-only columns.

Campaign Brief — Tasks (summary view: 4 of 9 columns shown)
Task Text Owner Person Due Date Status Select
Write email sequence Alice Apr 14 In Progress
Design landing page Bob Apr 18 To Do
Hidden in this view: Effort (hrs), Sprint, Jira ID, Internal Notes, Cost Code. All data intact in the source table.
Practice

Pages & embeds quiz.

Linking & Embedding

4 Questions
Question 1 of 4
You want to nest the "Wireframes" page under the "Design" page in the sidebar. What is the easiest way to do this?
✓ Drag and drop — hover over a page in the sidebar and drag it onto another page to make it a subpage. No content is moved; only the hierarchy changes.
Question 2 of 4
Which slash command do you type to embed a live, editable view of a Coda table onto a page?
✓ /view — this is specifically for embedding Coda tables. /embed is for external services like YouTube and Figma.
Question 3 of 4
You rename the "Team Directory" page to "People". What happens to all the @mentions of "Team Directory" elsewhere in the doc?
✓ @mentions update automatically when the target page is renamed. This is one of the key advantages of using @mentions over pasting raw URLs.
Question 4 of 4
Your dashboard page embeds a "Blocked Tasks" view from the Tasks table. A team member opens the table directly and resolves a blocked task (changes Status to "Done"). What happens in the dashboard view?
✓ Embedded views are live. They read from the same underlying table data and apply the view's filter in real time. A task moved out of "Blocked" disappears from the Blocked view immediately.
← Prev Views: Filter, Sort & Group Lesson 05