SolarMate

Why Should You Use the Solar Mate Widget?

Streamlined Solar System Estimation

Display a professional, interactive solar energy calculator that makes it easy for homeowners and businesses to get instant estimates for their solar installation projects. The widget provides a comprehensive estimation tool that calculates optimal solar system size, installation costs, and payback periods based on monthly electricity consumption. Customers can enter their average monthly electricity units or select their desired system size using intuitive slider controls, and receive detailed estimates including required system capacity, total installation costs, and projected payback timelines.

Advanced Solar Calculation Engine

Empower customers to get accurate solar estimates with powerful calculation capabilities. The system automatically calculates the relationship between monthly electricity consumption (measured in units where 1 KWH = 1 Unit) and required solar system size, with support for systems ranging from 5 KW to 50 KW capacity. The intelligent calculation engine uses configurable average units per kilowatt per month to determine optimal system sizing, ensuring accurate recommendations based on actual energy needs. Real-time calculations update instantly as customers adjust either the electricity units slider or the system size slider, providing immediate feedback on installation costs and payback periods. The system automatically synchronizes both input methods, so adjusting one slider updates the other accordingly, creating an intuitive and responsive user experience.

Dual Input System for Maximum Flexibility

Provide customers with two complementary ways to specify their solar requirements. The electricity units slider allows customers to input their average monthly consumption (ranging from 600 to 6,000 units), automatically calculating the appropriate system size needed. Alternatively, customers can directly select their desired system size using the system size slider (ranging from 5 KW to 50 KW), with the calculator automatically determining the corresponding monthly electricity generation. Both sliders are fully synchronized, so adjusting one immediately updates the other, ensuring consistency across all calculations. This dual-input approach accommodates customers who know their energy consumption as well as those who have a specific system size in mind, making the calculator accessible to users with different levels of solar knowledge.

Comprehensive Cost Estimation

Generate detailed cost breakdowns automatically based on system size and configuration. The calculator determines the total installation cost by multiplying the selected system size by your configured cost per kilowatt, providing customers with a clear understanding of their investment requirements. Cost estimates are displayed prominently in USD format with proper number formatting, making it easy for customers to quickly identify the total project investment. The system supports customizable pricing per kilowatt, enabling you to adjust rates based on your local market conditions, equipment costs, installation complexity, and business pricing strategy. All cost calculations update in real-time as customers adjust system size, ensuring estimates always reflect current selections.

Payback Period Analysis

Provide transparent payback period calculations that build customer trust and demonstrate long-term value. The calculator displays estimated payback periods for both domestic and industrial applications, accounting for different electricity rates between residential and commercial customers. Customers can toggle between domestic and industrial payback calculations using radio button controls, allowing them to see how different rate structures affect their return on investment. Payback periods are displayed prominently with clear formatting, showing the approximate number of months required to recover installation costs through energy savings. The system uses your configured electricity rates (separate rates for domestic and industrial customers) and customizable payback period ranges, ensuring calculations reflect your local market conditions and business model.

Configurable Pricing and Rates

Configure pricing to match your business model and market conditions. Set the cost per kilowatt for solar system installation, allowing you to adjust pricing as equipment costs, labor rates, or market conditions change. Configure separate electricity rates for domestic and industrial customers, reflecting the different rate structures typically found in utility pricing. Set customizable payback period ranges for both domestic and industrial applications, enabling you to provide realistic expectations based on your local market and typical system performance. Configure the average units generated per kilowatt per month, allowing you to adjust for regional variations in solar irradiance, system efficiency, and seasonal performance. All pricing and rate configurations are saved and persist across sessions, ensuring consistent estimates for your customers.

Customizable Branding and Styling

Personalize the widget appearance to match your website and brand identity. Configure font family from a selection of professional options including System UI, Arial, Helvetica, Georgia, Times New Roman, Inter, Roboto, and Open Sans, or use system defaults for optimal performance. Customize text colors to match your brand palette, ensuring consistent visual identity across your website. Configure results box styling with customizable background gradient colors (start and end colors), border colors, and visual effects to create a distinctive appearance. Customize payback period display colors to highlight key information and draw attention to important metrics. Adjust range slider thumb colors to match your brand, ensuring all interactive elements feel cohesive with your website design. All styling changes are applied in real-time, allowing you to see exactly how the widget will appear to customers.

Real-Time Calculation Updates

See estimate results update instantly as customers adjust their system size or electricity consumption. Calculations occur in real-time as users move the sliders, providing immediate feedback on system requirements, installation costs, and payback periods. The instant calculation feedback helps customers understand how different system sizes affect project scope and cost, enabling them to adjust inputs to explore different scenarios. Real-time updates eliminate the need for a "Calculate" button, creating a more intuitive and responsive user experience. The calculation engine is optimized for performance, ensuring smooth updates even on slower devices. Both input sliders are fully synchronized, so adjusting one automatically updates the other and all related calculations.

Responsive Mobile-First Design

The Solar Mate Widget adapts beautifully across all devices with a mobile-first responsive design. On desktop, the calculator displays in a clean, two-column layout with input controls on the left and results on the right, providing an efficient use of screen space. On mobile devices, the layout transforms to a streamlined vertical format optimized for touch interactions. Slider controls are appropriately sized for mobile interaction, with touch-friendly thumb sizes and adequate spacing between controls. The results display remains readable without zooming on all screen sizes, and all text scales appropriately for mobile viewing. Touch interactions work smoothly on tablets and phones, ensuring a professional experience regardless of device.

Instant Updates and Live Preview

Changes to pricing, rates, payback periods, and styling appear immediately with real-time preview functionality. Update cost per kilowatt, electricity rates, or payback period ranges and see the results instantly in the preview. Modify styling options including colors, fonts, and visual effects and watch the widget transform in real-time. No redeployment or page refresh required—your widget stays current as your business needs evolve. The live preview ensures you can test different configurations and see exactly how customers will experience the widget. Configuration changes are saved automatically, ensuring your settings persist across sessions and are immediately reflected in the generated widget code.

Professional Configuration Interface

Manage all widget settings through an intuitive, organized configuration interface. The interface is divided into logical sections: Widget Configuration for pricing and rates, and Style & Options for visual customization. All configuration fields include helpful descriptions and validation, ensuring accurate setup. The interface provides immediate feedback on changes, with live preview showing exactly how modifications will appear to customers. Configuration is saved automatically, and changes take effect immediately in the generated widget code. The organized layout makes it easy to find and adjust specific settings, whether you're updating pricing, modifying rates, or customizing appearance.