WEBSITES FOR ELECTRICIANS

Your website should know your postcodes.

Ringmain is a ready-made website for electricians. It tells visitors whether you cover them, whether their problem is an emergency, and how to book you, so the calls you get are about real work.

Free and open. React and TypeScript. No server, no monthly fee.

Brightline Electrical · Croydon · sample data

MISSED CALLS, MONDAY

Half your calls are questions a website could answer.

  1. Sarah, 8:12

    "Do you come out to Purley?"

    Ringmain: They type CR8 into your area checker and get a straight yes or no, before they ever ring.

  2. Dev, 9:40

    "Half my sockets have gone off. Is that dangerous?"

    Ringmain: The emergency guide walks them to the fuse box, has them reset the tripped switch, and tells them to call you only if it trips again.

  3. Mrs Okafor, 11:05

    "Are you actually registered?"

    Ringmain: Your scheme memberships, registration numbers and insurance sit on the About page, with a link to check them on the scheme's own site.

HOW IT WORKS

Wired in an afternoon.

  1. Fill in your details.

    Your name, number, hours, services and prices go in a handful of plain files in one folder. Each file starts with a note on how to edit it.

  2. List the places you cover.

    Postcode districts like CR0, whole areas like BR, and town names. If you make a typo, the site reports it and carries on working.

  3. Put it online.

    It builds to a folder of static files you can host anywhere. There's no server, no database and no monthly bill.

WHAT'S ON THE BOARD

Six circuits. Each one does one job.

01

Do you cover me? Answered in one box.

Customers type a postcode or a town, in any case, with or without the space. The checker says yes and names the area, says no and invites them to ring anyway, or tells them exactly what to fix. It reads from a list you edit.

Example: someone types cr0 2ab and is told "Good news, we cover CR0 2AB. That's in our Croydon area."

02

Is this an emergency? Six questions, one clear answer.

A short guide asks about smoke, sparks and shocks first, then talks people through the fuse box. It ends on one of four answers: call 999, call you now, check the fuse box first, or book a visit. It sends power cuts to 105, not to you.

03

Every service, with a "from" price.

One page, a section per service, an optional starting price and a 24/7 badge for call-outs.

04

Show the jobs you're proud of.

A gallery filtered by type, newest first, opened large with arrow keys. No photos yet? Each job gets a tidy placeholder tile.

05

Answers before they ask.

Questions grouped by topic, with a search that keeps only answers matching every word you type.

06

A booking form that lands in your inbox.

Customers describe the job and leave their details. The site opens a ready-written email to you, and warns them, politely, when their postcode is outside your area.

Plus a "Call now" bar on every phone screen, light and dark themes that follow the device, and buttons big enough for a thumb in a work glove.

THE SAMPLE SITE

Meet Brightline Electrical.

This is the whole template filled in for a made-up Croydon firm. Swap in your details and it's yours.

The Brightline Electrical home page: the business name, phone number and the area checker at the top.
The first screen: who you are, your number, and the area checker straight away.
The Areas we cover page after checking cr0 2ab: a green panel says Good news, we cover CR0 2AB. That's in our Croydon area.
Someone in Croydon types their postcode and gets an answer in a second.
The emergency guide three answers in, asking: Push the switch back up. Does it stay up?
Three answers in, the guide is talking them through resetting the tripped switch.
The Our work gallery: buttons to filter by job type above a grid of past jobs.
Filter by job type. Jobs without photos still look finished.

Open the full demo

FOR WHOEVER SETS IT UP

Everything you change lives in one folder.

Your business details, services, areas, jobs, certificates, FAQs and even the emergency questions are plain typed files in src/content/. Change a line, save, and the site updates. If something's wrong, a checker says exactly what and where, and the rest of the site keeps working.

  • Typed with TypeScript, so your editor flags mistakes as you type.
  • Tested: the area checker, emergency guide, gallery, FAQ search and booking form all have their own tests.
  • Accessible: works with a keyboard and a screen reader, with 44 px tap targets throughout.
  • No tracking, no cookies, no accounts.

src/content/serviceAreas.ts

// Each area has a name, the postcodes you cover and the towns in it.
// A postcode entry is a district like "CR0" or a whole area like "BR".
export const serviceAreas = [
  {
    name: "Croydon",
    postcodes: ["CR0", "CR2", "CR7"],
    towns: ["Croydon", "Thornton Heath", "South Croydon", "Addiscombe"],
  },
  {
    name: "Bromley",
    postcodes: ["BR"],
    towns: ["Bromley", "Beckenham", "Orpington"],
  },
];

Switch it on.

Open the Brightline demo, click around, try your own postcode. Then make it yours.

Open the demo

Sample business, sample data. 020 7946 0321 is an Ofcom drama number, so it never rings anyone.