Getting Started with StretchPages

What StretchPages is

StretchPages is the visual website and landing-page builder inside StretchSuite. You design pages on a live drag-and-drop canvas, and StretchSuite's page engine renders exactly what you build — so there's no gap between the editor and the published result. Pages live in your workspace, are versioned automatically, and can be published to a StretchSuite URL or your own custom domain.

Core concepts

A few ideas make everything else easier to understand:

• Page — a single web page (for example, a landing page or a homepage). Each page has a name, a URL slug, a status, and its design content.
• Status — a page is either a Draft (private, still being worked on) or Published (live and reachable at its URL).
• Elements (widgets) — the building blocks you drop onto the canvas: headings, text, buttons, images, forms, galleries, and more.
• Design globals — your brand colors, fonts, theme, and reusable classes, shared across all pages.
• Blocks and site-parts — reusable sections (blocks) and shared headers/footers (site-parts) so you build once and reuse everywhere.
• Domains — where your published pages live. You can use the default StretchSuite URL or attach a verified custom domain.

Open StretchPages

1. Sign in to your StretchSuite workspace.
2. Open the Pages app from the app launcher or sidebar.
3. You land on the Pages library, which shows every page in your workspace as a card with its name, status, and last-updated time, plus a count of your pages.

If you don't see the Pages app, you may not have access yet — see the note on access below.

Create your first page

1. From the Pages library, click New page (or Create page).
2. Choose a starter template or a blank canvas. Templates give you a professionally designed starting point you can customize; a blank canvas starts you from an empty page with a simple hero.
3. The page opens full-screen in the canvas editor.
4. Double-click the headline and type your own text. Changes apply live.
5. Drag in a few more elements from the insert menu — for example a button and an image.
6. Your work autosaves as you go.

Publish it

1. When the page looks right, click Publish in the top bar.
2. StretchPages sets the page status to Published and gives it a live URL based on its slug (for example, /pages/your-slug).
3. Open the live URL to see the published page.

You can keep editing after publishing — your edits are saved as you work, and you can re-publish at any time.

Example: a launch landing page

Suppose you're launching a new service. You create a page called "Spring Launch," start from the SaaS landing template, replace the hero headline and subtext with your offer, swap the button link to your signup form, and delete a section you don't need. You publish, and share the live URL with your audience. Later you add a testimonial section and re-publish — the same URL now shows the updated page.

A note on access

StretchPages access is controlled per workspace. Owners and admins always have access. Other team members get access when the Pages app is added to their allowed apps by an owner or admin. If you can't open the app or a specific page, ask a workspace owner to check your access.

Tips

• Set your brand once. Before building many pages, open Globals and set your brand colors and fonts. Everything you build afterward can reuse them.
• Start from a template when you're new — it's faster to edit good structure than to build from scratch.
• Name pages clearly. A clear page name makes the library easy to scan as it grows.
• Drafts are safe. Nothing is public until you publish, so experiment freely.
• Use Cmd/Ctrl+K in the editor to jump to any command or element without hunting through menus.

Where to go next

• Create a page from a template — start fast from a designed layout.
• Design in the visual canvas editor — the full tour of editing moves.
• Publish pages and connect a custom domain — go live on your own domain.