HTML to Elementor
Website kit · Plumbers, electricians & local trades

Home services website kit

Six Elementor templates for a plumbing or electrical business: header, home, services with price ranges, service areas, quote form and footer.

Templates: 6 Header and footer included

About this kit

A website for a plumber, electrician or other local trade has a narrow job. Someone with a leaking pipe or a tripped breaker lands on it from a search or a van door, usually on a phone, and has to answer three questions in a few seconds: do you fix this, do you come to my street, and how do I reach you right now. Everything after that — reviews, price guidance, how a visit works — exists to make a stranger comfortable letting you into their home.

The kit is built around those questions. The header keeps the phone number visible on every page. The home page leads with call and quote buttons and a license line, then covers the services, why people pick you, how a job runs and what customers say, ending with an emergency band. The services page sets out what each job includes with illustrative price ranges, a checklist for before you call and an FAQ. The areas page lists the towns you cover and realistic response times. The quote page holds the request form, with an emergency notice beside it so urgent jobs go to the phone instead of an inbox.

Import the header and footer first. In Elementor Pro they go into Theme Builder as the site header and footer; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. Then build the home page, followed by services, areas and quote. Before going live, replace every bracketed placeholder — license number, insurer, service hours — with your real details, set your own prices, and connect the quote form to an email address you check during working hours.

What is in the kit

01

Home services header

Trade business header with a license strip, business name, three nav links, a large call button and a Get a quote button.

02

Home services home page

Trade business home page: hero with call and quote buttons and a license line, services, why choose us, job steps, reviews and an emergency band.

03

Home services services page

Services page for a trade business: six services with what is included and illustrative price ranges, a before-you-call checklist and an FAQ.

04

Home services service areas page

Service areas page for a local trade: towns covered as icon lists, response times, star-rated reviews by town and a map-free location note.

05

Home services quote page

Quote request page for a trade business: a form with job type and preferred time, an emergency notice with the phone number and what happens next.

06

Home services footer

Trade business footer with an emergency call strip, contact details, service and area links, opening hours and license placeholders.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

Deep blue #14365d
Safety orange #f2711c
White #ffffff
Mist grey #eef2f6
Steel grey #5b6b7c
Ink #1a2633
  • Headings: Poppins
  • Body text: Open Sans

How to install the kit

  1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
  2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
  3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
  4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
  5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.