You know what? Electrician sites look simple from the outside. A phone number. A big “Call Now” button. Some photos. But when folks are stuck with a dead breaker at 9 p.m., the site has to do heavy lifting. I’ve built a few of these. I’ve broken a few too. So this is a true story, with real examples, from my own hands and late nights.
I’ve also documented every step—wire to widget—in this expanded teardown: I Built Real Electrician Websites. Here’s What Worked, What Flopped, And What I’d Do Again. Give it a skim if you want more screenshots, templates, and plugin settings.
I’ll keep it plain. I’ll tell you what I used, what I fixed, and what I’d avoid next time.
Quick game plan (so you know where we’re headed)
- What I built: three real sites on WordPress, Squarespace, and Wix
- What pages mattered most
- Tools that helped and tools that got in the way
- Real copy you can steal
- Local SEO that moved the needle
- Speed, calls, and tracking
- Stuff that tripped me up (and how I patched it)
- A simple build recipe you can follow this weekend
The three builds I actually made
- Tulsa, OK — “BrightSpark Electric” (WordPress + Astra + Elementor)
- Goal: More same-day calls.
- Result: Calls up after we added a sticky “Tap to Call” bar and city pages.
- Pain: Plugin bloat slowed it down. Fixed with WP Rocket and Cloudflare.
- Santa Rosa, CA — “Redwood Sparks Electric” (Squarespace 7.1)
- Goal: Clean look; owner didn’t want to manage plugins.
- Result: Super easy edits. Gallery looked nice.
- Pain: Slower gallery pages on mobile. Booking was basic.
- Dayton, OH — “Ben’s Quick Electric” (Wix)
- Goal: Cheap, fast, no fuss. One-truck shop.
- Result: Live in a weekend. Calls came in.
- Pain: Core Web Vitals… oof. The image-heavy home page hurt LCP. Needed very small images.
I still lean WordPress for control and speed. But Squarespace was chill for simple needs. Wix worked when time was tight and budget was tiny.
For a head-to-head look at these and other platforms—including real speed tests and pricing—see the comparison on WebsiteBuilderAwards.
If you run a service outfit that’s more mops than multimeters, my field test where I built my cleaning business website six different ways will show you which platforms and tactics translate perfectly to any local service niche.
The pages that actually matter
Here’s the layout I use now. It’s simple, because people in a power fix don’t want to click around.
- Home (big phone number, hours, badge row, trust stuff)
- Services (and separate pages for: Panel Upgrades, EV Chargers, Lighting, Rewiring, Emergency)
- Areas We Serve (with real city pages)
- About (license, insurance, photo of the crew, not stock)
- Reviews
- Gallery (before/after)
- Financing (if offered)
- Blog (short tips, not fluff)
- Contact + Book Now
On all pages:
- A sticky “Call Now” button with a tel: link
- Top-right phone number, big and bold
- A short form with 4–5 fields max
Honestly, carousels and sliders look “fun” and then tank mobile speed. I stopped using them.
Real homepage copy that worked for me
I used this on the Tulsa site:
- Headline: “Need an Electrician in Tulsa Today?”
- Subhead: “Licensed. Insured. We answer in 15 minutes.”
- Buttons: “Call Now” and “Text Us”
- Badge Row: “Same-Day Slots,” “Upfront Pricing,” “5-Year Warranty,” “EV Charger Install”
- Short Proof: “1,100+ local homes served since 2014”
- Quick List: “Panel Upgrade, Rewiring, Lighting, EV Chargers, Emergency”
That “We answer in 15 minutes” line moved calls. We actually timed it. When we slipped to 25 minutes, calls dipped. So we fixed staffing and brought it back.
Photos beat stock. Every time.
For Redwood in Santa Rosa, I took real photos:
- A clean panel close-up (with a tidy label sheet)
- A crew shot near the van with the logo
- A simple before/after of a garage lighting swap
I shot on an iPhone, bright morning light, no flash. Compressed with ShortPixel. Filenames had real words: tulsa-panel-upgrade.jpg. It helped search. It also felt honest.
Tools that made my life easier (and a few that didn’t)
WordPress stack I trust:
- Theme: Astra (lightweight)
- Builder: Elementor (fast to lay out)
- Forms: Fluent Forms (with hCaptcha for spam)
- SEO: Rank Math (easy local config)
- Cache: WP Rocket (minify + lazy load)
- CDN: Cloudflare (free tier is fine)
- Images: ShortPixel (lossy for web)
- Reviews widget: Elfsight (pulled Google reviews)
- Chat: Tawk.to (simple, free)
- Booking: Square Appointments or Calendly (kept no-shows lower)
- Call tracking: CallRail (recorded calls, which helped training)
On Squarespace:
- Blocks are easy. You can’t break much.
- I missed deep schema control and fancy caching.
On Wix:
- Super fast to launch.
- Watch your images. Keep them tiny, or mobile speed tanks.
Local SEO that actually moved the needle
- Google Business Profile: exact name, hours, real categories (“Electrician”), services list, and weekly photo posts. We added job photos every Friday. It helped.
- NAP: name, address, phone the same on the site, Google, Yelp, BBB, Angi, Nextdoor.
- City pages: short, useful pages like “EV Charger Install in Broken Arrow.” Not spammy. Each had:
- One story from a job in that city
- A map image with a link to Google Maps
- A small FAQ (2–3 questions)
- Schema: “Electrician” LocalBusiness schema via Rank Math. Simple fields: name, phone, hours, service area.
- Reviews: asked after jobs with a short text: “Thanks for trusting BrightSpark. Mind leaving a quick note on Google? It helps a ton.” We got more reviews when we sent it within two hours.
Tiny thing that helped: a list of zip codes on the Areas page. People search by zip more than you think.
For anyone hungry to dig deeper, grab ServiceTitan’s in-depth look at electrician SEO best practices and GetJobber’s actionable electrician SEO guide—both line up perfectly with the field notes above.
Speed and Core Web Vitals, the plain way
What slowed us down:
- Big hero images
- Google Map embeds
- Sliders
- Unused plugins
What fixed it:
- Compressed hero to under 180 KB, 1600px wide
- Static map image that links out to Google Maps (no heavy embed on mobile)
- No sliders. One clean hero.
- WP Rocket plus Cloudflare
- Preload the main font
- Lazy-load everything under the fold
Want a live example of ruthless speed optimization in the wild? Peek at the mobile-first layout of Instabang — you'll see how trimming scripts to the bone, compressing imagery, and keeping key calls-to-action above the fold let a high-traffic site load in a blink and funnel visitors straight into sign-ups even on spotty connections.
Before you think those techniques are limited to one niche, consider how user-generated classifieds cope with the same challenges. The Irving, TX page on Skip the Games demonstrates smart lazy-loading and aggressive image compression in action, so click through if you want a concrete template for keeping pages that overflow with photos lean enough to pass Core Web Vitals without stripping away visual appeal.
Our mobile LCP dropped from 4.8s to about 2.2s on the Tulsa site after those changes.
Tracking: how I knew it worked
- CallRail showed a jump in first-time callers after we added the sticky call bar.
- Hotjar heatmaps showed folks missed the “Book” button on mobile. I moved it higher. Clicks rose.
- Google Search Console: “ev charger install tulsa” went from page 3 to page 1 after we split EV Chargers into its own service page with a quick install checklist.
You don’t need fancy. You need a phone that rings and a form that lands in the right inbox.
Things that tripped me up (and my fixes)
- Spam forms: hCaptcha inside Fluent Forms fixed it.
- Google Map shifted layout (CLS): used a static map image above the fold, real embed lower.
- Wix LCP pain: compressed