How to build a solar company website

Decide what the visitor should do first: request a survey, ask for a quote, call the company or book a consultation. Put one primary action in the header and repeat it after important sections.

Start with pages such as Home, Solar panel installation, Battery storage, Commercial solar, About, Service areas and Contact. Add separate service or location pages only when you have useful, original information for them.

Install a responsive WordPress theme, then set the site name, logo, favicon, colours and typography before building individual pages. If you use a block theme, these controls are in Appearance > Editor under Styles. A compatible page builder may provide similar global controls for fonts, colours, buttons, headers and footers.

Keep the design restrained: a high-contrast call-to-action colour, readable body text and real installation photography usually work better than a page full of solar-themed graphics.

With the WordPress block editor or Site Editor, create a static homepage using a hero section, a short explanation of the offer, service cards, proof of completed work, customer reviews, the areas you cover and a final quote call-to-action. Use the Navigation block or your theme’s menu controls for the main links. WordPress pages are intended for lasting information such as About, Contact and service content.

This manual route is fine for a small brochure site and gives you full control, but it takes longer to achieve polished spacing, sliders, service layouts and mobile variations. Do not fill the hero with a vague slogan: say what you install, where you work and what the next step is.

Create the main pages first, publish them, then add them to the header navigation. Set the homepage as a static page in the site’s homepage settings rather than leaving the site on the default latest-posts view. If you use a block theme, the Site Editor can also manage pages, templates and reusable header and footer parts.

Keep the top-level menu short. A practical structure is Services, About, Service areas, Resources and Contact, with a visible Get a quote button. Check that the mobile menu opens and that every item can be tapped.

Add a short enquiry form with fields such as name, email, phone, postcode, property type and an optional message. Put it near the top of the homepage and on the Contact page, but do not ask for information you do not need to respond.

Send a real test submission before launch. If the form appears to work but no message arrives, check the recipient address, spam folder and notification settings. WordPress sites often need authenticated SMTP delivery, and the form’s sending address should normally use your domain while the visitor’s address is used as the reply address.

Review the site on a phone before publishing. Test the menu, buttons, form, phone link, maps, image cropping and text wrapping at smaller widths. Large unoptimised hero images can make a solar site slow, while custom CSS or plugin conflicts can hide or break a mobile menu.

Add meaningful alternative text to informative images, leave decorative images without unnecessary descriptions, and do not put important claims only inside graphics. Confirm that reviews, certifications, guarantees, finance claims and savings figures are genuine and can be supported.

The fast route is to install Soleil, import its starter content if supplied, and replace the demo text, images, logo, colours and contact details. Its solar-specific layouts are designed for installers and energy companies, so you start with relevant service sections rather than reshaping a generic business theme.

After importing, still check the homepage setting, navigation, form notifications, mobile layout and every demo link. Remove placeholder testimonials, stock claims and unused pages before the site goes live. Soleil also supports Elementor, WooCommerce and common SEO plugins if your site needs those features.