Website Builder

Build your company's public website directly inside concorbit, with no separate Squarespace or Wix subscription, no WordPress hosting, and no coordination between marketing and CRM. Everything connects back to your pipeline, your forms, your brand kit.

URL: /websites
Required permission: websites.view
Tier: Starter (available to every concorbit tenant)

What ships today (Session 118 foundation)

The foundation: one site per tenant, a handful of section types, a public URL, a minimal page editor. The rich drag-and-drop builder with pixel-perfect canvas lands across the next 19 sessions. For now you can:

• Create a site with a {your-name}.concorbit.com URL

• Add pages with nested paths (/services/managed-it)

• Stack sections (hero / text / image) on each page

• Edit section config (headings, text, images, alignment, colours)

• Publish + unpublish + preview via "Open ↗"

• Track revisions (snapshot on every publish)

• Configure per-page SEO (meta title, description, OG image, indexable flag)

• Set a home page

What's coming

See internal-guide/modules/websites.md for the full 20-session arc. Highlights:

• Drag-and-drop canvas builder (S120-122): pixel-perfect element placement inside each section

• 13 section types + 50+ templates (S123-124, S132): gallery, testimonials, pricing, FAQ, team, stats, video, etc.

• Header + footer builders (S126): same canvas engine, global placement

• Responsive breakpoints (S125): desktop / tablet / mobile overrides

• Blog engine (S127): categories, tags, RSS feed

• Media library (S128): upload, crop, WebP + srcset

• Theme engine (S130): 10 palettes, 10 font pairings, spacing scale

• Page templates (S131): 10 professionally designed starters

• SEO tools (S133): sitemap, redirects, structured data, audit dashboard

• Custom domain + auto SSL (S134): Let's Encrypt wildcard certs, DNS verification

• Performance (S135): static HTML caching, Lighthouse 90+

• Analytics (S136): page views, sources, popular pages

• Accessibility audit (S137): WCAG AA contrast checks, alt-text enforcement on publish

Creating your first site

1. Go to Website in the sidebar.

2. Click Create site.

3. Enter a name (e.g. "Acme Ltd") and a subdomain (e.g. acme → acme.concorbit.com).

4. Click Create site. We seed a blank home page so the site has something to render.

Adding pages

From the site dashboard, click New page. You'll be asked for:

• Title: the H1 on the page + the browser tab title (before SEO override)

• Slug: the last URL segment (e.g. about-us → /about-us)

• Parent page: optional; nests the page (e.g. under "Services" → /services/your-slug). Max 4 levels deep.

Editing a page

Click a page title to open the editor. Three panels:

Details (top-left)

• Change the visible title

• Override the SEO title (max 60 chars, keeps Google search results tidy)

• Meta description (max 160 chars)

• OG image URL (appears when your page is shared on social media)

• Allow search engines: uncheck to noindex the page

• Home page: mark this as the site's / page. Only one per site.

Sections (top-right / bottom)

Click a section-type button (Hero banner / Text block / Image) to add a new section. Each section has its own config editor:

• Hero banner: large heading + subheading + optional CTA button. Centered by default; pick background + text colours.

• Text block: heading + rich text body. Supports basic HTML (paragraphs, lists, bold/italic, links).

• Image: upload URL + alt text + optional caption. Width and aspect ratio presets.

Use the ▲ / ▼ buttons to reorder. Remove removes a section outright.

Publishing

Click Publish when ready. Until published:

• The page is draft and won't appear publicly (search engines see a 404, visitors with the direct URL see a 404).

• Every publish snapshots the page into the revision history. Click History in the editor header to see past versions and restore any of them.

Click Unpublish to flip back to draft.

Revision history

Every publish creates a snapshot. Click History in the editor header to see the drawer:

• Newest 50 revisions per page (older ones are cleaned up overnight)

• Each row shows the version number, how many sections it had, who saved it, and when

• Click Restore to pull that revision back onto the page

Restoring is safe: concorbit snapshots the current state first, so you can always roll your rollback back. Restored revisions land as draft rather than going live immediately, so you can review + re-publish when ready.

Concurrent editing protection

If two admins edit the same page, concorbit blocks the second publish with a warning banner ("This page has changed since you started editing") and a Reload page button. Reloading pulls the latest version so you can review the other admin's changes and re-publish on top of them. No silent overwrites.

Draft vs published

Only published pages appear on your public site. Draft pages are visible to admins only in the editor. Both have <meta name="robots" content="noindex, nofollow"> unless published, so search engines never index a draft even if someone guesses the URL.

Your site is live at

{your-subdomain}.concorbit.com. Click Open ↗ on any published page to see it. Custom domains (www.yourcompany.com) land in session 134 with automatic SSL from Let's Encrypt.

Suspended sites

If your tenant subscription lapses, your site keeps its URL but serves a concorbit-branded "Site temporarily unavailable" page until billing is resolved. Your content isn't lost. It's just not public while you're behind on payment.

Permissions reference

What's live today (through S123)

• 19 section types: hero, text, image, two-column, three-column, CTA banner, spacer, divider, testimonial, FAQ, pricing table, team grid, contact block, logo strip, stats, before/after, code block, map block, canvas

• Canvas sections with pixel-perfect drag-place on a 24-column grid + 10 element primitives (text, heading, image, button, divider, spacer, video, icon, shape, embed)

• Responsive breakpoints: canvas elements support different positions per device (desktop / tablet ≤1024px / mobile ≤640px)

• Site-wide header + footer: built with the same canvas editor, renders on every page

• 3-pane editor: section list, live preview iframe with device sizing, per-type settings panel

• Revision history + restore + concurrent-editing protection

• Blog engine: posts with categories + tags, public listing + single post pages, RSS feed at /blog/feed.xml, reading time estimation

• Forms block preparation: FormRenderer shared between standalone forms and the future web-builder block

Still to come

• No media library: image sections take an external URL for now. S128 adds the library with crop / WebP / srcset.

• Subdomain only: custom domains + auto SSL land in S134.

• No blog: S127 ships the blog engine.

• No theme engine: your pages use system colours. S130 adds palette + font picker.

• Responsive breakpoints: canvas elements now support different positions per device (desktop / tablet ≤1024px / mobile ≤640px). Switch breakpoint in the editor toolbar, drag elements to adjust their tablet or mobile layout. Only breakpoints that differ from desktop add CSS, so there's zero overhead when you don't customise.

Every session in the arc delivers a specific piece without breaking what came before. The foundation you're using today will carry you through. Your content survives every subsequent upgrade.