{"id":6,"date":"2026-09-23T22:24:13","date_gmt":"2026-09-23T22:24:13","guid":{"rendered":"https:\/\/solargo.co.uk\/?page_id=6"},"modified":"2026-09-23T22:24:13","modified_gmt":"2026-09-23T22:24:13","slug":"solar-battery-savings-calculator","status":"publish","type":"page","link":"https:\/\/solargo.co.uk\/","title":{"rendered":"Solar &amp; Battery Savings Calculator"},"content":{"rendered":"\n<style>\n  .solar-calc-box {\n    max-width: 680px;\n    margin: 30px auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    padding: 32px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    color: #1e293b;\n    border: 1px solid #e2e8f0;\n  }\n  .solar-calc-box h2 {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #0f172a;\n    text-align: center;\n  }\n  .solar-calc-box p.subtitle {\n    text-align: center;\n    color: #64748b;\n    font-size: 15px;\n    margin-bottom: 24px;\n  }\n  .calc-group {\n    margin-bottom: 20px;\n  }\n  .calc-group label {\n    display: block;\n    font-weight: 600;\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  .calc-group select, .calc-group input[type=\"range\"] {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid #cbd5e1;\n    border-radius: 8px;\n    font-size: 15px;\n    box-sizing: border-box;\n  }\n  .range-header {\n    display: flex;\n    justify-content: space-between;\n    font-weight: 600;\n    font-size: 14px;\n  }\n  .pill-select {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .pill-btn {\n    border: 2px solid #e2e8f0;\n    border-radius: 10px;\n    padding: 12px;\n    text-align: center;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 14px;\n    background: #f8fafc;\n    transition: all 0.2s ease;\n  }\n  .pill-btn.active {\n    border-color: #0284c7;\n    background: #f0f9ff;\n    color: #0284c7;\n  }\n  .calc-results {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 24px;\n    margin-top: 24px;\n    border: 1px solid #e2e8f0;\n  }\n  .results-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 16px;\n  }\n  .res-card {\n    background: #ffffff;\n    padding: 16px;\n    border-radius: 10px;\n    border: 1px solid #e2e8f0;\n    text-align: center;\n  }\n  .res-card .res-val {\n    font-size: 22px;\n    font-weight: 700;\n    color: #0284c7;\n  }\n  .res-card .res-lbl {\n    font-size: 12px;\n    color: #64748b;\n    margin-top: 4px;\n    text-transform: uppercase;\n    font-weight: 600;\n  }\n  .cta-block {\n    margin-top: 20px;\n    background: #ffffff;\n    border-radius: 10px;\n    padding: 20px;\n    border: 1px solid #cbd5e1;\n  }\n  .cta-block h3 {\n    margin: 0 0 8px;\n    font-size: 16px;\n    text-align: center;\n  }\n  .cta-form {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-top: 12px;\n  }\n  .cta-form input {\n    padding: 10px 14px;\n    border: 1px solid #cbd5e1;\n    border-radius: 8px;\n    font-size: 14px;\n  }\n  .cta-btn {\n    background: #0284c7;\n    color: #ffffff;\n    font-weight: 600;\n    border: none;\n    padding: 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 15px;\n    transition: background 0.2s;\n  }\n  .cta-btn:hover {\n    background: #0369a1;\n  }\n  .disclaimer {\n    font-size: 11px;\n    color: #94a3b8;\n    text-align: center;\n    margin-top: 16px;\n  }\n<\/style>\n\n<div class=\"solar-calc-box\">\n  <h2>\u2600\ufe0f UK Solar &#038; Battery Savings Calculator<\/h2>\n  <p class=\"subtitle\">Estimate your recommended system size, annual savings and export earnings.<\/p>\n\n  <div class=\"calc-group\">\n    <div class=\"range-header\">\n      <span>Average Monthly Electricity Bill:<\/span>\n      <span id=\"bill-display\" style=\"color: #0284c7;\">\u00a3150 \/ mo<\/span>\n    <\/div>\n    <input type=\"range\" id=\"bill-range\" min=\"50\" max=\"450\" step=\"10\" value=\"150\" oninput=\"runSolarCalc()\">\n  <\/div>\n\n  <div class=\"calc-group\">\n    <label>Storage Preference:<\/label>\n    <div class=\"pill-select\">\n      <div class=\"pill-btn active\" id=\"opt-both\" onclick=\"setStorage(true)\">Panels + Battery<\/div>\n      <div class=\"pill-btn\" id=\"opt-solar\" onclick=\"setStorage(false)\">Solar Panels Only<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"calc-results\">\n    <div class=\"results-grid\">\n      <div class=\"res-card\">\n        <div class=\"res-val\" id=\"res-sys\">4.2 kWp<\/div>\n        <div class=\"res-lbl\">Recommended System<\/div>\n      <\/div>\n      <div class=\"res-card\">\n        <div class=\"res-val\" id=\"res-bat\">5.8 kWh<\/div>\n        <div class=\"res-lbl\">Storage Battery<\/div>\n      <\/div>\n      <div class=\"res-card\">\n        <div class=\"res-val\" id=\"res-savings\">\u00a3840<\/div>\n        <div class=\"res-lbl\">Est. Annual Savings<\/div>\n      <\/div>\n      <div class=\"res-card\">\n        <div class=\"res-val\" id=\"res-panels\">10 Panels<\/div>\n        <div class=\"res-lbl\">Est. Roof Panels<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cta-block\">\n      <h3>Get Your Tailored Quote &#038; Roof Assessment<\/h3>\n      <p style=\"font-size: 13px; color: #64748b; text-align: center; margin: 0 0 10px;\">Connect with certified MCS installers in your area.<\/p>\n      <form class=\"cta-form\" onsubmit=\"event.preventDefault(); alert('Thank you! Your quote request has been received.');\">\n        <input type=\"text\" placeholder=\"Postcode (e.g. MK40 1AA)\" required>\n        <input type=\"email\" placeholder=\"Your Email Address\" required>\n        <input type=\"tel\" placeholder=\"Your Phone Number\" required>\n        <button type=\"submit\" class=\"cta-btn\">Check Installer Availability<\/button>\n      <\/form>\n    <\/div>\n    <div class=\"disclaimer\">Calculations assume standard UK domestic rates (~26p\/kWh import, 15p\/kWh Smart Export Guarantee). Actual production depends on roof pitch, shading, and location.<\/div>\n  <\/div>\n<\/div>\n\n<script>\n  let withBattery = true;\n\n  function setStorage(val) {\n    withBattery = val;\n    document.getElementById('opt-both').classList.toggle('active', val);\n    document.getElementById('opt-solar').classList.toggle('active', !val);\n    runSolarCalc();\n  }\n\n  function runSolarCalc() {\n    const bill = parseFloat(document.getElementById('bill-range').value);\n    document.getElementById('bill-display').innerText = '\u00a3' + bill + ' \/ mo';\n\n    \/\/ Model matematic calibrat UK\n    let kwp = 3.6;\n    let batteryKwh = 0;\n    let panels = 8;\n    let annualSavings = 0;\n\n    if (bill <= 100) {\n      kwp = 3.2;\n      panels = 7;\n      batteryKwh = withBattery ? 3.6 : 0;\n      annualSavings = withBattery ? 560 : 380;\n    } else if (bill <= 180) {\n      kwp = 4.2;\n      panels = 10;\n      batteryKwh = withBattery ? 5.8 : 0;\n      annualSavings = withBattery ? 860 : 540;\n    } else if (bill <= 280) {\n      kwp = 5.8;\n      panels = 14;\n      batteryKwh = withBattery ? 9.6 : 0;\n      annualSavings = withBattery ? 1280 : 780;\n    } else {\n      kwp = 7.2;\n      panels = 17;\n      batteryKwh = withBattery ? 13.5 : 0;\n      annualSavings = withBattery ? 1650 : 1020;\n    }\n\n    document.getElementById('res-sys').innerText = kwp.toFixed(1) + ' kWp';\n    document.getElementById('res-bat').innerText = withBattery ? (batteryKwh.toFixed(1) + ' kWh') : 'None';\n    document.getElementById('res-savings').innerText = '\u00a3' + annualSavings + ' \/ yr';\n    document.getElementById('res-panels').innerText = panels + ' Panels';\n  }\n\n  runSolarCalc();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2600\ufe0f UK Solar &#038; Battery Savings Calculator Estimate your recommended system size, annual savings and export earnings. Average Monthly Electricity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solargo.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/solargo.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/solargo.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}