Skip to main content

Create a Landing Page with a Contact Form

· 2 min read
Cosmin
Founder, Micropage

A contact form is one of the first things people need on a landing page.

Micropage includes built-in form handling, so you can collect submissions without wiring your own backend for a basic contact workflow.

Example page​

[site]
title: Contact Demo
description: A landing page with a built-in contact form

[Home -> /]
[Contact -> /contact]

/// hero
h1: Let's talk
p: Send us a message and we'll get back to you.

[Contact -> /contact]

/// section
h2: Contact us

form: Contact

input: Name*
input: Email*
textarea: Message

submit: Send Message

How it works​

The form is defined directly in the page markup.

Key details:

  • fields ending in * are required
  • the form name identifies submissions in the dashboard
  • submissions are stored per project
  • Micropage handles validation and basic spam protection

In the Web App​

In the Web App, you can:

  • edit the page markup in the editor
  • publish the site
  • view submissions in the Form Submissions tab for the project

This is the simplest workflow if you want to manage content in a browser.

In the CLI​

You can also inspect submissions from the CLI:

micropage submissions list

Show one submission:

micropage submissions show <id>

Why this matters​

For small landing pages, the form is often the whole point of the site.

If adding a form requires setting up a separate backend, many simple projects become heavier than they need to be. Micropage keeps the basic case small.

Next steps​

After forms, the next practical topics are: