Build a One-Page Website with a Form from a Template

Published 2026-09-28

Most small business websites only need to answer four questions: what you do, why someone should pick you, where to find you, and how to get in touch. Put all four on one page, with the contact form right there at the bottom, and a visitor who has scrolled that far can ask for a quote without going anywhere else.

This guide walks through building exactly that in the FormEdge dashboard, starting from a template. Everything happens with buttons and text boxes. The example is Cedar & Pine Woodworks, a fictional two-person shop in Portland, Oregon that builds custom tables, benches and bookcases and wants quote requests to come in through the site instead of by phone tag.

Building and publishing both the form and the page are on the Free plan.

What the finished page looks like

The Cedar & Pine page runs top to bottom like this, and every section comes from the template:

• The shop name and a one-line welcome
• Three things the shop offers: custom furniture, repairs and refinishing, workshop visits by appointment
• A short note from the owner about why they started the shop
• A photo of the workshop, with the address and opening hours
• A quote request form, with its fields shown right in the page
• A footer with the shop's contact details

You can see a finished example built from this guide at formedge-samples.formedge.app. Cedar & Pine Woodworks is a fictional business.

The steps at a glance

1. Build the quote request form and publish it
2. Pick a template
3. Fill in the basics: page title, form, business details
4. Replace the template's placeholder text with your own
5. Polish the page in the editor and check it at phone width
6. Publish

The form comes first because a template page is created with a published form already placed on it. You choose that form while creating the page.

Embedded form or linked form

Templates come in three kinds, depending on how the form sits on the page:

• Embedded form: the form's fields appear inside the page. Visitors read, scroll down and start typing. Best when the whole story fits on one page. A page can hold one embedded form
• Linked form: the page has a button, and the form opens on its own screen. Handy when several parts of the page should lead to the same form, or when the form is long
• No form: an about page with no form. You can add one later

This guide uses an embedded form, so the quote request lives on the same page as the photos and the story.

Walkthrough

1. Build the quote request form

   Sign up for FormEdge for free. In the dashboard, open Forms and press + New form. There are two ways to start:

   • Easy AI form generation: describe the form in a sentence or two and AI drafts the fields
   • Blank form: add the fields one at a time yourself

   For Cedar & Pine, the description might be:

   Example description

   Copy

   Quote request form for a custom furniture shop. Name, email, phone (optional), type of project (one of: new custom piece, repair or refinishing, workshop visit, other), what you have in mind (room, rough size, wood if you know it), budget range (optional), and when you need it by (optional).

   Check the draft, create the form, and adjust any wording in the form editor.

   Then open Confirmation email and write the auto-reply that goes to the person who sent the request. For a custom shop, it is a good place to say what happens next: "Thanks for the details. We'll look them over and reply within two business days, usually with a few questions and a ballpark price."

2. Publish the form

   Press Publish in the form editor. Only published forms can be placed on a page, so do this before you build the page.

   The form gets its own public URL too, but for this page you will not need it. The form will sit inside the page instead.

3. Pick a template

   Open Pages and press + New page. The Create a page screen lists the templates. You can narrow them down in two ways:

   • Type in the search box, for example "business" or "booking"
   • Under How the form is placed, choose All, Linked form, Embedded form or No form

   Every card has a Preview button, so you can see the whole layout before committing. For a small shop with a quote form on the page, Business one-pager (embedded form) is a good fit: a welcome, what you offer, a note from the owner, a shop photo with directions, and the form. Select it and press Create and open the editor →.

   A template does not need to match your trade exactly. Pick the one whose sections are closest to what you want to say; the words, colors and sections all change later. To build from nothing, choose Start from blank.

4. Fill in the basics

   A dialog titled Tell us the basics opens. Two fields are required:

   • Page title: the name shown on the browser tab and in search results, such as "Cedar & Pine Woodworks | Custom Furniture in Portland, Oregon"
   • Form to place: the quote request form you just published

   Below those are a few optional questions that depend on the template. For this one: business name, phone number, contact email, address and opening hours. Anything you enter replaces the matching placeholder everywhere on the page, so you type your phone number once and it shows up in every spot that needs it. Leave a field empty if you are not sure yet.

5. Replace the placeholder text

   Press Next: see the other wording to reach Fix the template's placeholder text. It lists each piece of sample text the template came with, such as the opening line, the three things you offer, the owner's name and story, and the photo caption. A counter shows how many are left.

   • Rewrite each one in your own words. For Cedar & Pine, the three offers become "Custom furniture", "Repair and refinishing" and "Workshop visits"
   • If an item does not apply to you, check Remove this item from the page

   You do not have to finish everything here. Press Create with this and the editor opens with your page. Anything left over can be fixed there.

6. Polish the page in the editor

   The editor has an editing panel on the left and a live preview on the right.

   • Structure tab: the sections of your page, top to bottom. Drag to reorder them, and add or delete sections here. If sample text is still on the page, you will see a count of placeholder texts with a Fix them all button
   • Theme tab: colors, fonts and spacing for the whole page. The placed form picks up the same look
   • Live editing: click any text in the preview and type over it. Select a section to bring up Settings with its common options

   The template's photos are stand-ins. To use your own shots of the shop and past pieces, open the image picker and choose from Your images (upload them there) or from Presets.

   Before you go further, switch Screen width to Mobile. Most people will open the page on a phone, often straight from a text message or a search. Preview mode hides the editing outlines so you see the page exactly as a visitor would.

7. Publish the page

   Press Publish at the top of the editor. A panel asks Publish this page? If sample text is still there, it says so with a count, and Fix the placeholder text together lets you clean it up on the spot.

   It is worth looking at the real thing on your own phone first. Check it on a real device first issues a preview link that shows the unpublished page exactly as it will look once live. It comes with a QR code, so you can scan it with your phone, and it expires after a while, so it is safe to send to a partner or a friend for a second opinion.

   When you are happy, press Publish now. The public URL appears at the top of the editor, in the form https://your-workspace.formedge.app/pages/…, with buttons to copy it and to show a QR code.

   Finish by sending yourself a test request through the form on the live page, and check that it shows up in the dashboard and that the notification email arrived.

Editing after you publish

Changes you make after publishing do not go live straight away. They are saved as a draft, and the editor shows that you have unapplied changes.

• Apply to the published page replaces the live page with your edits
• Discard changes throws the edits away and goes back to what is live
• Unpublish takes the page offline

So when your lead times change or you add a new wood to the list, edit the page and apply it. Nobody sees a half-finished version in between.

Where to go from here

• Link to it from the site you already have. If you have a website, point its Contact or Get a quote link at this page's public URL. Add a contact form to your existing website shows how
• Print the QR code. Put it on your business cards, on the price sheet you bring to craft fairs, or on a sign in the shop window, so people can open the quote form on the spot
• Use your own domain. Publish the page on your own domain, so the address matches your business