How to build a contact page on j7.is

How to build a contact page on j7.is

logo dev3lop ·
  • #guide
  • #contact-page
  • #pages
  • #no-code
  • #tutorial
How to build a contact page on j7.is

A contact page is the highest-leverage page on a site — it's where interest turns into a conversation. On j7 you don't stitch together a form service, a spreadsheet and a Zapier flow: a contact page is a first-class thing you build in the Studio in about two minutes. Here's every step, from empty to live.

Step 1 — Open your Studio

Head to your space and open the Studio — the control room for everything you publish. Click Create in the top menu bar; it's the launchpad for posts, pages, tracks and links.

The j7 Studio dashboard with the Create menu highlighted in the top bar.

Step 2 — Start a contact page

In the Create menu, choose New contact page. Instead of a blank canvas, j7 drops you straight into a layout that already has a working contact form wired up.

The Create menu open, with 'New contact page' highlighted.

Step 3 — Pick a starter template

Choose a starter you like and hit Use this. Templates are just a head start — every block, colour and word is yours to edit afterwards, so don't overthink the pick.

The contact-page template picker showing the Tennis Sky and Sky Water starters.

Step 4 — Make it a page

Give it a title, then leave the Category field empty. That one detail turns your post into a page: it lives at a clean /contact URL and stays out of your blog feed. j7 spells this out right under the field.

The editor with the Category field empty, showing the 'this becomes a page' helper text.

Step 5 — Set your form fields

Open the form block and shape it to what you actually want to collect. Each row is one field a visitor fills in — add, rename, reorder or remove. Name, email and a message is a great default.

The form block editor showing the Name, Email and Message fields.

Step 6 — Flip it live

When it looks right, tick Visible to everyone and save. That's the publish switch — your page is now public. Hit View live to open it in a new tab.

The editor's publish bar with 'Visible to everyone' ticked and a View live button.

Step 7 — Your page is live

That's a real, fast-loading contact page at your-space.j7.is/contact — no build step, no deploy, no form service. Share the link anywhere.

The finished contact page rendered live, with the name, email and message form.

Step 8 — Replies land in your inbox

Every time someone submits the form, it shows up in your inbox — name, email and message, right inside the Studio. No spreadsheet, no third-party form tool to wire up and babysit.

The Studio inbox drawer showing a submitted contact-form message.

That's the whole thing

Eight steps, about two minutes, zero code — and the page is genuinely fast because j7 serves it from cache, not a builder runtime. The contact page in these screenshots is the same kind you'd build on dev3lop.j7.is; the form below is one too, so if you spin one up and hit a snag, that's a fine place to tell us.

More build guides like this

We send a short note whenever we ship something new on j7.


j7, by dev3lopcom, llc