Skip to content

Build a one-page website from scratch

Guides

What you will build

A single home page that explains what you offer and gives visitors one clear next step. This guide uses managed design so you can continue editing text, images, sections, and buttons visually.

Prepare the website

You need administrator access to the intended website, approved public copy, a logo if available, and a contact destination. Confirm the selected website and content language before creating anything. Ordinary site administrators edit existing websites; creating a website requires a super administrator. Ask that administrator for a private website if you need a protected preparation space. A direct-link page is not private.

For a simple example, prepare an introduction for a bicycle repair workshop, a list of repairs, opening hours, and an email link. Do not invent prices or availability.

Assemble the page

  1. Open Pages and check whether a home page already exists. Edit it rather than creating a second page at /. If the site is empty, use Add Page, create the home page, and confirm its URL in Page Settings. Keep the real page header; a body section is not a replacement for it.
  2. In page metadata, enter Page Title, Page Subtitle, and Nav Title. For the workshop example, a title such as “Bicycle repairs in your neighbourhood” identifies the service. Put a short explanation below it instead of repeating the heading.
  3. Open the page on the website while signed in. Edit its header, then add a section for services and another for practical information. Sections organize the body; blocks hold text, images, and buttons inside them. Use a heading followed by short paragraphs or a genuine list.
  4. Use Add grid when two groups belong beside each other, such as repairs and opening hours. Keep the reading order sensible when the cells stack. Avoid inserting empty text blocks to create space; use design padding and spacing instead.
  5. Insert Buttons for the main action. Choose an existing site page through the destination picker, or enter an approved email or external destination. “Ask about a repair” is a useful label only when the destination actually supports that request.
  6. Save the page explicitly. Cloud autosave, when enabled, preserves unpublished edits but does not replace the final Save. Decide whether this page belongs in main navigation, then check its Availability and the website's separate public/private status before launch.

Check the result

Open the normal page URL outside the editor. Read from top to bottom on a narrow screen, check image crops, and activate every button. Confirm that the contact destination works and that the main heading appears once. If a section looks cramped, adjust its spacing rather than adding blank lines.

A saved page on a private website still requires access. Ask the authorized administrator to approve any website-wide visibility change. Continue with getting started, page anatomy, and saving and recovery.

Powered by Beeboo, the agentic website builder, from the Xangle team.