Skip to content

Build a landing page

Start from the ready-made Landing template, make it yours with a few edits and a brand colour, add a newsletter sign-up that captures emails, then publish it — on your own domain. No code, no HTML.

What you'll build

1. Start from the Landing template

  1. Create a new page file in your project.
  2. When prompted for a starting point, choose the Landing template. It drops in a stack of ready-made blocks — a Hero, Features, a call-to-action, and more — already themed and responsive.

Blocks are the large, pre-built sections of a page. You'll also see a toolbox of individual blocks (Hero, Features, CTA, Pricing, Testimonials, FAQ, Stats, Newsletter, Gallery, Team, Steps, Logos, Header, Footer) you can add or remove.

2. Customize the content

  1. Edit text in place. Click any headline or paragraph and type — text edits happen directly on the canvas. See Inline editing & shortcuts.
  2. Swap images. Select an image block and point it at your own asset.
  3. Rewrite the call-to-action. Change the Hero and CTA button labels to your offer, and set where the button goes.
  4. Remove what you don't need. Delete any block that doesn't fit — use the outline to reorder sections quickly.

INFO

📸 Screenshot — the Landing template on the canvas with the Hero headline selected mid-edit.

3. Apply your brand theme

Open the theme panel and set your colours, fonts and spacing. FlowRunner's theme uses tokens: every block references the theme rather than hard-coded colours, so changing your accent restyles the whole page at once. Set the accent to your brand colour and watch buttons, links and highlights update together. See Theme & styling.

TIP

Pick your accent early. Because blocks are token-driven, theming first means every block you add afterwards already matches.

4. Add a newsletter sign-up

  1. Add the Newsletter block where you want the sign-up.
  2. It includes an email field and a submit button out of the box.
  3. Every sign-up is captured as a submission, viewable in the Responses inbox with CSV export — see Submissions inbox.
  4. Want to do more than store the address (say, notify yourself)? Wire the page's On submit → run flow setting to a flow, exactly as in the contact-form tutorial. See Form submissions.

5. Set your SEO metadata

With nothing selected, the Page panel shows Title and Description. These become your <title>, meta description and social-share preview. Write a clear title and a ~160-character description. See SEO & metadata.

6. Publish

Publish the page. Public visitors are served the published snapshot, so you can keep editing your draft without changing what's live until you publish again. Share the public URL, or move on to a custom domain. See Publish & share.

7. Connect a custom domain

  1. Add your hostname (e.g. www.acme.com) to the project.
  2. FlowRunner gives you a TXT record to prove you own the domain: a _flowrunner record with a verification token. Add it at your DNS provider.
  3. Click Verify — FlowRunner checks real DNS for the record and marks the domain verified.

See Custom domains for the full walkthrough, including what your platform operator wires up to route the domain to your page.

NOTE

DNS changes can take a while to propagate. If verification fails right after you add the record, wait a few minutes and try again.

See also

FlowRunner — the no-code platform for small businesses.