Electric Horsepower · Website Operator's Manual

How to update every page of the site.

The whole site is now editable from the WordPress dashboard — text, photos, contact details, forms, and full sections. This manual walks through each one, and flags the few things that still need a developer.

12 pages now block-editable Header & footer via Customizer Photos via Media Library
01 The everyday task In the dashboard

Editing page text

Every headline, paragraph, spec, and card on the site is now a “block” you click and type into — like a Word document made of stackable pieces. This is how you change wording on any page.

Pages hover a page Edit
  1. In the left sidebar of the dashboard, click Pages, then click the page you want (Home, About, Products, and so on).
  2. Click directly on any text and start typing. Press Enter for a new paragraph, or Backspace on an empty line to remove one.
  3. Select text to get a small toolbar for bold, italic, and links.
  4. When you're done, click the blue Update button at the top right to save.
Brand accent trick: in the big uppercase headlines, the blue and gold colored words are created by making that text italic. To recolor a word, select it and press Ctrl/Cmd + I. It won't look slanted — it turns the brand accent color instead.
Don't panic if a block looks like code. A few pieces (buttons, spec tables, the product cards) show up as a “Custom HTML” block. You can still edit the words inside — just avoid changing the tags in <angle brackets>. If something breaks, click Update is not yet pressed — just leave without saving and reopen.

02 Site-wide details In the dashboard

Phone, email, address, hours & menus

The phone number, email, shop address, hours, and the “Request a Quote” button appear in the header and footer of every page. You change them in one place — not page by page.

Appearance Customize Site Contact & CTA
The Customize screen open to Site Contact & CTA, showing editable phone, email, address, hours and CTA fields beside a live preview
What you'll see Every field — phone, sales email, address, hours, the CTA button — with a live preview on the right. Edit, then Publish.
  1. Go to Appearance → Customize and open the Site Contact & CTA panel.
  2. Edit the phone, sales email, address, hours, the button label (“Request a Quote”), and where the button links.
  3. Click Publish at the top of the panel to save.

To change the navigation menu (the links across the top and in the footer):

Appearance Menus
The Appearance → Menus screen showing the menu dropdown and the draggable list of menu links
What you'll see Pick a menu at the top, drag the links to reorder, then Save Menu.
  • Reorder links by dragging them; add one with Add items on the left.
  • Three menus exist: the top Primary nav, plus the footer Products and Company columns.
  • Click Save Menu when finished.

03 Imagery In the dashboard

Product & fleet photos

Every heater photo — the homepage fleet, Products, Rentals, Applications, the About montage, and each product page (including the Stallion and LPH thumbnail galleries) — is a normal WordPress image. Swapping one is three clicks, no HTML:

Pages (the page) click the photo Replace
  1. Open the page (e.g. Pages → Home) and click the photo you want to change.
  2. In the small toolbar that appears above it, click Replace.
  3. Pick Open Media Library to choose an existing photo, or Upload a new one — then Update to save.
The homepage open in the block editor with a product photo selected; the block toolbar above it shows a Replace button
What you'll see Click a photo and the block toolbar appears — the Replace button on the right is the one you want.
On the galleries: the Stallion and LPH pages have a big photo plus small thumbnails. Each thumbnail is its own image — click any of them to Replace it. On the live page, clicking a thumbnail swaps it into the big frame.
Same photo on more than one page? Each page keeps its own copy, so change (say) the Colt on the Home page and on the Products page separately. Want it centralized — change once, updates everywhere? That's a quick switch; just ask.
Keep them on white. The photo frames are designed for product shots on a plain white background. A busy or dark background won't sit right in the white card.

04 Imagery In the dashboard

About page team photos

The leadership headshots work exactly like the product photos. Each card currently shows a neutral placeholder silhouette; drop in a real headshot whenever you have it.

Pages About click a headshot Replace
  1. Open Pages → About and click the placeholder photo on a leadership card.
  2. Click Replace in the toolbar, then Upload the headshot (or pick one from the Media Library).
  3. Update to save. Headshots are cropped to a consistent portrait shape automatically.
Best results: use a roughly portrait (tall) headshot. Any leftover placeholder simply shows the grey silhouette until you replace it — no broken images.
Adding or removing a person? See the next section — there's a ready-made “Team member” block you can drop in.

05 Building blocks In the dashboard

Adding new sections

You don't have to build styled sections from scratch. A set of pre-made, on-brand blocks is ready to insert — a section shell, a four-card grid, the blue/gold closing call-to-action, a team member card, and a product card.

+ (top left) Patterns Electric Horsepower
  1. In the editor, click the blue + button (top left), then the Patterns tab.
  2. Open the Electric Horsepower category and click the block you want — it drops in fully styled.
  3. Click into it and replace the placeholder text (and photos, per the sections above).
  4. Update to save.
Reordering sections: hover the left edge of any block for the up/down arrows, or use the list icon at the top left to drag whole sections around.

06 Forms In the dashboard

The quote / contact form

The form on the Contact page is a “Contact Form 7” form called Quote Request. You edit its fields and the address submissions are sent to.

Contact Quote Request
The Contact Form 7 editor for the Quote Request form, showing the Form and Mail tabs and the field list
What you'll see The Form tab holds the fields; the Mail tab holds the recipient address. Edit, then Save.
  • Form tab — add, remove, or rename fields.
  • Mail tab — change the recipient address (currently sales@electrichp.com) and the wording of the notification email.
  • Click Save. The form already appears on the Contact page — you don't need to re-add it.
One thing still pending: the form is wired up, but actual email delivery needs a sending service (SMTP) connected on the server before submissions will reach the inbox. Flag this before launch — it's a quick developer setup.

07 The interactive tool Needs a developer

The BTU calculator

The heating-load calculator lives on its own page and is placed there with a single shortcode — a placeholder you'll see in the editor:

[ehp_btu_calculator]

You can freely add text above or below that shortcode from the dashboard. But the calculator's math and the list of recommended units are code, not dashboard settings — changing them is a developer edit to the theme file partials/btu-calculator.php.

The recommended-equipment table, for reference, is this list near the bottom of that file (model name and its BTU capacity):

const equipment = [
  { model: '375',    btu: 400000 },
  { model: '500',    btu: 600000 },
  { model: '650',    btu: 650000 },
  { model: '900 TA', btu: 1200000 },
  { model: '1200',   btu: 1300000 },
  { model: '2500',   btu: 2500000 },
  { model: '3000',   btu: 3300000 },
];
Want the models to match the fleet names (Colt / Bronco / Stallion / LPH)? That's a small edit to the list above — say the word and it's a five-minute change.

08 Tracking In the dashboard

Google Analytics

The site is wired for Google Analytics — it just needs the account's Measurement ID (looks like G-XXXXXXXX) pasted in once.

Appearance Customize Analytics & SEO
  1. Open Appearance → Customize → Analytics & SEO.
  2. Paste the Measurement ID into Google Analytics ID and click Publish.
Tracking is automatically skipped while you're logged in as admin, so your own visits won't inflate the numbers.

09 Cheat sheet

Quick reference

Where to go for the most common changes.

What you want to changeWhere to do it
Any page's wording / headlinesPages → (the page) → click & type → Update
Phone, email, address, hours, CTAAppearance → Customize → Site Contact & CTA
Top / footer navigation linksAppearance → Menus
Product & fleet photosClick the photo → Replace (toolbar) → Media Library
Team headshots (About)Click the placeholder → Replace (toolbar) → Upload
Add a new styled sectionEditor → + → Patterns → Electric Horsepower
Quote form fields & recipientContact → Quote Request → Form / Mail tabs
BTU calculator math & modelsTheme file partials/btu-calculator.php
Google Analytics IDAppearance → Customize → Analytics & SEO