Reusable Blocks and Site-Parts

Overview

Two features keep a whole site consistent and fast to build: blocks and site-parts. A block is any section you save to reuse on other pages. A site-part is a shared piece — like a header or footer — that stays in sync everywhere it's used. Together they let you build once and reuse across your entire site.

Blocks vs. site-parts

• Block — a reusable starting point. When you drop a saved block onto a page, it becomes part of that page and can be edited independently there. Great for repeated patterns like feature grids, pricing tables, or testimonial sections.
• Site-part — a shared, linked element (typically a header or footer). When you edit the site-part, every page that references it updates. Great for navigation and footers that must be identical across the site.

Save a section as a block

1. In the editor, select the section you want to reuse.
2. Choose Save as block (from the context menu or the parts/blocks area).
3. Give it a clear name.
4. It's added to your block library.

Insert a saved block

1. Open the insert menu or press Cmd/Ctrl+K.
2. Find your block in the library (search by name).
3. Insert it onto the page where you want it.
4. Edit the inserted copy freely — it's now part of that page.

Create a header or footer site-part

1. Open the Parts panel in the inspector.
2. Create a new site-part for your header or footer, and build it like any section (logo, nav menu, buttons for a header; links and copyright for a footer).
3. Add the site-part to your pages by inserting a site-part reference.
4. When you edit the site-part later, every page that references it reflects the change.

Example: a consistent campaign site

You're building a five-page campaign. You create one footer site-part with your contact details and social links, and reference it on all five pages. You also build a strong pricing block once and drop it onto the two pages that need it, tweaking a headline on each. Months later you update your support email — you edit the footer site-part once, and all five pages update. The pricing block copies stay independent, exactly as you want.

When to use which

• Use a site-part when the content must be identical and stay in sync — headers, footers, global CTAs.
• Use a block when you want a consistent starting point but expect to tweak the copy per page — feature grids, testimonials, pricing.

Tips

• Build your header and footer as site-parts first. They appear on every page, so keeping them in sync saves the most time.
• Save your best sections as blocks as you go — you'll build a personal library that makes future pages fast.
• Name blocks by purpose ("3-up feature grid," "pricing table") so they're easy to find in the palette.
• Combine with globals. Blocks and site-parts that use global colors and classes stay on-brand automatically.

Troubleshooting

I edited a block on one page and another page didn't change. That's expected — blocks are independent copies once inserted. If you need linked, always-in-sync content, use a site-part instead.

I edited a site-part but a page still shows the old version. Confirm the page references the site-part (not a pasted copy of it). Re-open the page to refresh, and check the Parts panel.

I can't find a block I saved. Search by name in the insert menu or command palette. Blocks are saved to your workspace library and should appear across your pages.

FAQ

Can a site-part be more than a header or footer? Site-parts are ideal for headers and footers, but any shared, linked section benefits from being a site-part when it must stay identical across pages.

Do blocks and site-parts carry my brand styles? Yes, if they use global colors, fonts, and classes. Lean on globals so reused pieces stay consistent.