www.mercury.co.nz
Open in
urlscan Pro
13.33.88.72
Public Scan
Submitted URL: https://mercury.co.nz/
Effective URL: https://www.mercury.co.nz/
Submission Tags: analytics-framework
Submission: On April 26 via api from US — Scanned from NZ
Effective URL: https://www.mercury.co.nz/
Submission Tags: analytics-framework
Submission: On April 26 via api from US — Scanned from NZ
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="form" novalidate="">
<input type="hidden" name="__CMSCsrfToken" id="__CMSCsrfToken" value="s2j92PRk4Sa9dy/+Zp2eVxfDWS57Q7smKLnjH7dXnhUXMHciMdYbXLcErDXOSNTm1/V4n9uhTZXs26hZW7z0+zka4NPR396HwtniIPpWhG0=">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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">
<input type="hidden" name="lng" id="lng" value="en-US">
<script type="text/javascript">
//<![CDATA[
function PM_Postback(param) {
if (window.top.HideScreenLockWarningAndSync) {
window.top.HideScreenLockWarningAndSync(1080);
}
if (window.CMSContentManager) {
CMSContentManager.allowSubmit = true;
};
__doPostBack('m$am', param);
}
function PM_Callback(param, callback, ctx) {
if (window.top.HideScreenLockWarningAndSync) {
window.top.HideScreenLockWarningAndSync(1080);
}
if (window.CMSContentManager) {
CMSContentManager.storeContentChangedStatus();
};
WebForm_DoCallback('m$am', param, callback, ctx, null, true);
}
//]]>
</script>
<script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvmlDYXZ1yWksbIaPUGZcxuW6eG3jF-4kKAO5SVh4xQmEnaNtGzjX9vx5s0A6fbVxugQDt88S4X37sri97hNv7ZcTn9TaR-yL8BeVRK-zLEn_zpib5HAfGjNJQrcNeydd1Ug9_57yUjPLc1qPZV8vb4c1&t=49337fe8" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
var CMS = CMS || {};
CMS.Application = {
"language": "en",
"imagesUrl": "/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2f",
"isDebuggingEnabled": true,
"applicationUrl": "/",
"isDialog": false,
"isRTL": "false"
};
//]]>
</script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A5343185">
<div id="ctxM">
</div>
<!-- <div class="c-header"> -->
<header class="
c-header
">
<div class="c-header__nav-bg"></div>
<div class="container">
<nav class="c-header__global-nav" itemtype="http://schema.org/SiteNavigationElement" itemscope="">
<!-- HEADER TRANSFORMATION 'CMS.Root' 'CMS.Root' 'CMS.Root' '/' -->
<!-- OPENING DIV FOR 'CMS.Root' 'CMS.Root' 'CMS.Root' '/' -->
<div class="
c-header__global-nav-node
c-header__global-nav-depth-1
">
<div class="c-header__global-nav-section-container">
<ul class="c-header__global-nav-list">
<li class="
c-header__global-nav-list-item
c-header__global-nav-list-item--current
">
<a class="
c-header__global-nav-link
c-header__global-nav-expand-ctrl
" itemprop="url" href="/">
<span itemprop="name">For Home</span>
<span class="c-header__global-nav-child-indicator"></span>
</a>
</li>
<li class="
c-header__global-nav-list-item
">
<a class="
c-header__global-nav-link
c-header__global-nav-expand-ctrl
" itemprop="url" href="/for-business">
<span itemprop="name">For Business</span>
<span class="c-header__global-nav-child-indicator"></span>
</a>
</li>
<li class="
c-header__global-nav-list-item
">
<a class="
c-header__global-nav-link
c-header__global-nav-expand-ctrl
" itemprop="url" href="/investors">
<span itemprop="name">Investors</span>
<span class="c-header__global-nav-child-indicator"></span>
</a>
</li>
<li class="
c-header__global-nav-list-item
">
<a class="
c-header__global-nav-link
c-header__global-nav-expand-ctrl
" itemprop="url" href="/about">
<span itemprop="name">About</span>
<span class="c-header__global-nav-child-indicator"></span>
</a>
</li>
<li class="
c-header__global-nav-list-item
">
<a class="
c-header__global-nav-link
c-header__global-nav-expand-ctrl
" itemprop="url" href="/help">
<span itemprop="name">Help</span>
<span class="c-header__global-nav-child-indicator"></span>
</a>
</li>
<li class="
c-header__global-nav-list-item
">
<a class="
c-header__global-nav-link
" itemprop="url" href="/sign-in">
<span itemprop="name">Sign In</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.Root -->
<!-- CLOSING UL FOR CMS.Root -->
</ul>
<!-- CLOSING DIV FOR CMS.Root -->
</div>
</div>
</nav>
</div>
<div class="c-header__docking">
<div class="container">
<a href="/" class="c-header__logo">
<picture class="c-picture">
<source srcset="/static/vendor/mercury-master-library/img/logo/logo-mob-1x.png 1x, /static/vendor/mercury-master-library/img/logo/logo-mob-2x.png 2x, /static/vendor/mercury-master-library/img/logo/logo-mob-3x.png 3x" media="(max-width: 768px)">
<source srcset="/static/vendor/mercury-master-library/img/logo/logo-tab-1x.png 1x, /static/vendor/mercury-master-library/img/logo/logo-tab-2x.png 2x, /static/vendor/mercury-master-library/img/logo/logo-tab-3x.png 3x" media="(min-width: 769px) and (max-width: 1023px)">
<source srcset="/static/vendor/mercury-master-library/img/logo/logo-desk-1x.png 1x, /static/vendor/mercury-master-library/img/logo/logo-desk-2x.png 2x, /static/vendor/mercury-master-library/img/logo/logo-desk-3x.png 3x" media="(min-width: 1024px)">
<img src="/static/vendor/mercury-master-library/img/logo/logo-mob-1x.png" alt="Mercury Logo">
</picture>
</a>
<nav class="c-header__nav" itemtype="http://schema.org/SiteNavigationElement" itemscope="">
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/electricity' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/electricity' -->
<div class="
c-header__nav-node
c-header__nav-depth-1
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/electricity">
<span itemprop="name">Electricity</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/electricity/pricing-and-offers' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/electricity/pricing-and-offers' -->
<div class="
c-header__nav-node
c-header__nav-depth-2
">
<button class="c-header__nav-back">Back</button>
<a class="c-header__nav-section-head-link" href="/electricity">
Go to Electricity
<span class="c-header__nav-section-head-link-icon"></span>
</a>
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/electricity/pricing-and-offers">
<span itemprop="name">Explore Pricing and Offers</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/electricity/new-connections">
<span itemprop="name">New Connections</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/electricity/moving-house">
<span itemprop="name">Moving House</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/electricity/add-a-property">
<span itemprop="name">Add a Property</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/electricity/energy-savings-tips">
<span itemprop="name">Energy Savings Tips</span>
</a>
</li>
</ul>
<div class="c-header__nav-extra-container">
<!-- HEADER TRANSFORMATION 'Mercury.NavLinkList' 'Mercury.NavLinkList' 'Mercury.NavLinkList' '/electricity/electricity-contextual-links/new-customers' -->
<div class="c-header__nav-links-container">
<div class="c-header__nav-links">
<h4 class="c-header__nav-links-title">New customers</h4>
<ul class="c-header__nav-links-list">
<!-- HEADER TRANSFORMATION 'Mercury.NavLink' 'Mercury.NavLink' 'Mercury.NavLink' '/electricity/electricity-contextual-links/new-customers/join' -->
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="https://pages.mercury.co.nz/signup" target="_self" itemprop="url">
<span itemprop="name">Join</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/electricity/pricing-and-offers" target="_self" itemprop="url">
<span itemprop="name">Explore pricing & offers</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/wonderful-rewards" target="_self" itemprop="url">
<span itemprop="name">Earn Rewards</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/electricity/moving-house" target="_self" itemprop="url">
<span itemprop="name">Move house</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/electricity/New-Connections" target="_self" itemprop="url">
<span itemprop="name">Connect a new property</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/why-mercury/renewable-energy" target="_self" itemprop="url">
<span itemprop="name">Renewable energy</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR Mercury.NavLink -->
</ul>
</div>
<div class="c-header__nav-links">
<h4 class="c-header__nav-links-title">Existing customers</h4>
<ul class="c-header__nav-links-list">
<!-- HEADER TRANSFORMATION 'Mercury.NavLink' 'Mercury.NavLink' 'Mercury.NavLink' '/electricity/electricity-contextual-links/existing-customers/sign-in-to-my-account' -->
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="https://myaccount.mercury.co.nz/" target="_self" itemprop="url">
<span itemprop="name">Sign in to My Account</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/wonderful-rewards" target="_self" itemprop="url">
<span itemprop="name">Earn Rewards.</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/help/faq/billing-faqs" target="_self" itemprop="url">
<span itemprop="name">Pay your bill</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/why-mercury/wonderful-rewards/mobile-app" target="_self" itemprop="url">
<span itemprop="name">Mercury App</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/electricity/moving-house" target="_self" itemprop="url">
<span itemprop="name">Move house</span>
</a>
</li>
<li class="c-header__nav-links-item">
<a class="c-header__nav-links-link" href="/help/here-to-help" target="_self" itemprop="url">
<span itemprop="name">Covid-19</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR Mercury.NavLink -->
</ul>
</div>
</div>
<!-- CALLING FOOTER TRANSFORMATION FOR Mercury.NavLinkList -->
</div>
<!-- CALLING FOOTER TRANSFORMATION FOR Mercury.NavData -->
<!-- CLOSING DIV FOR Mercury.NavData -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/natural-gas">
<span itemprop="name">Gas</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury">
<span itemprop="name">Why Mercury</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/sustainability' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/sustainability' -->
<div class="
c-header__nav-node
c-header__nav-depth-2
">
<button class="c-header__nav-back">Back</button>
<a class="c-header__nav-section-head-link" href="/Why-Mercury">
Go to Why Mercury
<span class="c-header__nav-section-head-link-icon"></span>
</a>
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/sustainability">
<span itemprop="name">Sustainability</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/sustainability/kaitiakitanga' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/sustainability/kaitiakitanga' -->
<div class="
c-header__nav-node
c-header__nav-depth-3
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/sustainability">
<span itemprop="name">Explore Sustainability</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/sustainability/kaitiakitanga">
<span itemprop="name">Kaitiakitanga</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/sustainability/business-sustainability">
<span itemprop="name">Business Sustainability</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/partnerships">
<span itemprop="name">Partnerships</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/partnerships/starship' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/partnerships/starship' -->
<div class="
c-header__nav-node
c-header__nav-depth-3
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/Partnerships">
<span itemprop="name">Explore Partnerships</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/partnerships/starship">
<span itemprop="name">Starship</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/partnerships/starship/starship-stories-and-projects' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/partnerships/starship/starship-stories-and-projects' -->
<div class="
c-header__nav-node
c-header__nav-depth-4
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/Partnerships/starship">
<span itemprop="name">Explore Starship</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/starship/starship-stories-and-projects">
<span itemprop="name">Starship stories and projects</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/ironman">
<span itemprop="name">Ironman</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/waikato-river-trails">
<span itemprop="name">Waikato River Trails</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/big-street-bikers">
<span itemprop="name">Big Street Bikers</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/iwi">
<span itemprop="name">Iwi</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/coastguard">
<span itemprop="name">Coastguard</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/partnerships/kiwi-hatchery">
<span itemprop="name">Kiwi Hatchery</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/renewable-energy">
<span itemprop="name">Renewable Energy</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/renewable-energy/wind-generation' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/renewable-energy/wind-generation' -->
<div class="
c-header__nav-node
c-header__nav-depth-3
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/renewable-energy">
<span itemprop="name">Explore Renewable Energy</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/renewable-energy/wind-generation">
<span itemprop="name">Wind Generation</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/lakelevels">
<span itemprop="name">Lake Levels</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/renewable-energy/water-management">
<span itemprop="name">Water Management</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/renewable-energy/hydro-generation">
<span itemprop="name">Hydro Generation</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/renewable-energy/hydro-generation/taupo-control-gates' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/renewable-energy/hydro-generation/taupo-control-gates' -->
<div class="
c-header__nav-node
c-header__nav-depth-4
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/renewable-energy/Hydro-Generation">
<span itemprop="name">Explore Hydro Generation</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/renewable-energy/hydro-generation/taupo-control-gates">
<span itemprop="name">Taupo Control Gates</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/renewable-energy/geothermal-generation">
<span itemprop="name">Geothermal Generation</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/wonderful-rewards">
<span itemprop="name">Rewards</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/wonderful-rewards/free-power-days' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/wonderful-rewards/free-power-days' -->
<div class="
c-header__nav-node
c-header__nav-depth-3
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/wonderful-rewards">
<span itemprop="name">Explore Rewards</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/wonderful-rewards/free-power-days">
<span itemprop="name">Free Power days</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/e-transport">
<span itemprop="name"><span style="text-transform:lowercase">e.</span>transport</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/e-transport/ev-fuel-package' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/why-mercury/e-transport/ev-fuel-package' -->
<div class="
c-header__nav-node
c-header__nav-depth-3
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/e-transport">
<span itemprop="name">Explore <span style="text-transform:lowercase">e.</span>transport</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/ev-fuel-package">
<span itemprop="name">EV Fuel Package</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/evie">
<span itemprop="name">Evie</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires">
<span itemprop="name"><span style="text-transform:lowercase">e.</span>revolutionaries</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.ContentPage' 'CMS.ContentPage' 'CMS.ContentPage' '/why-mercury/e-transport/e-revolutionaires/paula-goes-the-e-route-(1)' -->
<!-- OPENING DIV FOR 'CMS.ContentPage' 'CMS.ContentPage' 'CMS.ContentPage' '/why-mercury/e-transport/e-revolutionaires/paula-goes-the-e-route-(1)' -->
<div class="
c-header__nav-node
c-header__nav-depth-4
">
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
c-header__nav-list-item-parent
">
<a class="c-header__nav-link" itemprop="url" href="/Why-Mercury/e-transport/e-revolutionaires">
<span itemprop="name">Explore <span style="text-transform:lowercase">e.</span>revolutionaries</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/paula-goes-the-e-route-(1)">
<span itemprop="name">Paula Goes the <span style="text-transform:lowercase">e.</span>Route.</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/jessica-rose-s-e-bike-story">
<span itemprop="name">Jessica-rose's <span style="text-transform:lowercase">e.</span>bike story</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/esti-s-story">
<span itemprop="name">Esti's story </span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/pauls-story">
<span itemprop="name">Paul's story</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/nocar-cargo">
<span itemprop="name">Nocar Cargo's Story</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/hayley-s-scout-bike">
<span itemprop="name">Hayley's Scout <span style="text-transform:lowercase">e.</span>Bike</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/dylan-s-2x2-e-bike">
<span itemprop="name">Dylan's 2x2 <span style="text-transform:lowercase">e.</span>Bike</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/the-wildlife-hospital-s-story">
<span itemprop="name">The Wildlife Hospital's story</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/the-e-bike-social-riders">
<span itemprop="name">The <span style="text-transform:lowercase">e.</span>bike Social Riders</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/e-transport/e-revolutionaires/civic-contractor-s-story">
<span itemprop="name">Civic Contractor's story</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.ContentPage -->
<!-- CLOSING UL FOR CMS.ContentPage -->
</ul>
<!-- CLOSING DIV FOR CMS.ContentPage -->
</div>
</div>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/learning-made-wonderful">
<span itemprop="name">Learning made wonderful</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/why-mercury/events">
<span itemprop="name">Events</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/broadband">
<span itemprop="name">Broadband</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
c-header__nav-expand-ctrl
" itemprop="url" href="/help-support">
<span itemprop="name">Help & Support</span>
<span class="c-header__nav-child-indicator"></span>
</a>
<!-- HEADER TRANSFORMATION 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/help-support/faqs' -->
<!-- OPENING DIV FOR 'CMS.MenuItem' 'CMS.MenuItem' 'CMS.MenuItem' '/help-support/faqs' -->
<div class="
c-header__nav-node
c-header__nav-depth-2
">
<button class="c-header__nav-back">Back</button>
<a class="c-header__nav-section-head-link" href="/Help-Support">
Go to Help & Support
<span class="c-header__nav-section-head-link-icon"></span>
</a>
<div class="c-header__nav-section-container">
<!-- This may or may not run depending on what is first - needs to go as first of type some how -->
<ul class="c-header__nav-list">
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/faqs">
<span itemprop="name">FAQs</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/my-account">
<span itemprop="name">My Account</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/our-app">
<span itemprop="name">Our App</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/medically-dependent">
<span itemprop="name">Medically Dependent</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/customer-care">
<span itemprop="name">Customer Care</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/outages-faults">
<span itemprop="name">Outages & Faults</span>
</a>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/help-support/contact-us">
<span itemprop="name">Contact Us</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</li>
<li class="
c-header__nav-list-item
">
<a class="
c-header__nav-link
" itemprop="url" href="/join">
<span itemprop="name">Join</span>
</a>
</li>
<!-- CALLING FOOTER TRANSFORMATION FOR CMS.MenuItem -->
<!-- CLOSING UL FOR CMS.MenuItem -->
</ul>
<!-- CLOSING DIV FOR CMS.MenuItem -->
</div>
</div>
</nav>
<div class="c-header__search" data-action="/search">
<input name="searchtext" placeholder="Search Mercury" class="c-header__search-input">
</div>
<button class="c-header__search-toggle"></button>
<button class="c-header__nav-toggle">
<div></div>
<div></div>
</button>
</div>
</div>
</header>
<!-- <div class="c-breadcrumbs"> -->
<div class="
c-breadcrumbs
hidden
">
<div class="container">
<ol class="c-breadcrumbs__list" itemscope="" itemtype="http://schema.org/BreadcrumbList">
<!-- 1 -->
<!-- cms.document.cms.root (2557) -->
<li class="c-breadcrumbs__list-item" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a class="c-breadcrumbs__link" itemprop="item" href="/">
<span itemprop="name">Home</span>
</a>
<meta itemprop="position" content="0">
</li>
</ol>
</div>
</div>
<main>
<!-- Mercury.BlockContainer -->
<section class="bg-default c-block-container ">
<div class="c-block-container__bg">
</div>
<div class="c-block-container__content">
<div class="grid--child-padding-off grid">
<div class="col-black lg-size12of12 lg-push11of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<div class="grid grid--child-padding-off">
<div class="lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12 cta" style="display: none;">
<div class="cta__bg">
<picture class="
c-picture
c-picture--bg
">
<source srcset="/getattachment/3f6faf9b-4bb4-459b-a586-e8ee0de3c8ee/icon.aspx" media="(max-width: 1023px)">
<source srcset="/getattachment/707ebdf9-2d90-4d78-bc8f-32fd84a245ee/icon.aspx" media="(min-width: 1024px)">
<img class="
" src="/getattachment/707ebdf9-2d90-4d78-bc8f-32fd84a245ee/icon.aspx" alt="SAVE YOUR ENERGY.<br />SPEND IT ON WONDERFUL. ">
</picture>
</div>
<div class="col-black cta__content">
<div class="grid">
<div class="cta__content size12of12 lg-size6of12 mob-size12of12">
<h2>SAVE YOUR ENERGY.<br>SPEND IT ON WONDERFUL. </h2>
<div class="cta_copy">
<p><big>We provide the energy behind the things that make your life easier, so you can free up your own energy to focus on the things that matter most.</big></p>
</div>
<div class="cta_buttons">
<a href="https://www.mercury.co.nz/why-mercury/" target="_self" class="
btn text-centered btn--large btn--secondary
u-icon--after
">
WHY MERCURY
</a>
</div>
</div>
</div>
</div>
</div>
<div class="lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12 cta current" style="display: block;">
<div class="cta__bg">
<picture class="
c-picture
c-picture--bg
">
<source srcset="/getattachment/1a424bb0-ea33-4f90-9c9d-b84ba1dc3fa4/icon.aspx" media="(max-width: 1023px)">
<source srcset="/getattachment/746ccf09-bd12-4ac1-bd7c-c2ae3dc4c3e4/icon.aspx" media="(min-width: 1024px)">
<img class="
" src="/getattachment/746ccf09-bd12-4ac1-bd7c-c2ae3dc4c3e4/icon.aspx" alt="JOIN US FOR ENERGY MADE WONDERFUL.">
</picture>
</div>
<div class="col-black cta__content">
<div class="grid">
<div class="cta__content size12of12 lg-size6of12 mob-size12of12">
<h2>JOIN US FOR ENERGY MADE WONDERFUL.</h2>
<div class="cta_copy">
<p><big>There's something for everyone, from $250 credit when you join us for 2 years to easy everyday rates.</big><br> </p>
</div>
<div class="cta_buttons">
<a href="https://pages.mercury.co.nz/signup" target="_self" class="
btn text-centered btn--large btn--secondary
u-icon--after
">
Join Us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12 cta" style="display: none;">
<div class="cta__bg">
<picture class="
c-picture
c-picture--bg
">
<source srcset="/getattachment/6499e695-2078-41ea-8cf6-622b2d0086db/icon.aspx" media="(max-width: 1023px)">
<source srcset="/getattachment/dc529e4b-7576-4ad0-9e87-3afd6265ab13/icon.aspx" media="(min-width: 1024px)">
<img class="
" src="/getattachment/dc529e4b-7576-4ad0-9e87-3afd6265ab13/icon.aspx" alt="MAKE MOVING WONDERFUL.">
</picture>
</div>
<div class="col-black cta__content">
<div class="grid">
<div class="cta__content size12of12 lg-size6of12 mob-size12of12">
<h2>MAKE MOVING WONDERFUL.</h2>
<div class="cta_copy">
<p><big>We've got you covered with wonderful offers when you choose to move house with us!</big><br> </p>
</div>
<div class="cta_buttons">
<a href="https://pages.mercury.co.nz/signup" target="_self" class="
btn text-centered btn--large btn--secondary
u-icon--after
">
Move with us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="lg-size11of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12" style="display: none;">
<div class="col-black">
<h2>JS Base</h2>
<div class="
">
<style type="text/css">
.page-title,
.page-hero {
min-height: auto;
}
@media screen and (min-width: 48.0625em) {
.lg-size6of12 {
padding: 0px;
}
}
@media screen and (min-width:64em) {
.lg-size6of12 {
padding: 2.5rem 1.875rem;
position: relative;
z-index: 1;
}
}
@media screen and (max-width: 48.0625em) {
.bg-white .mob-size6of12 .content-feature__copy {
min-height: 75px !important;
margin: 0px !important;
}
.bg-white .mob-size6of12 {
height: auto;
margin: 0px !important;
}
}
@media (min-width: 992px) {
.lg-push11of12 .cta_copy p {
font-size: 1.875rem;
line-height: 2.25rem;
letter-spacing: -.33px;
margin-bottom: 1.875rem;
}
.lg-push11of12 h2 {
font-size: 3.75rem;
line-height: 3.75rem;
margin-bottom: 1.125rem;
letter-spacing: -1.3px;
}
}
.bg-white {
margin-top: 40px;
margin-bottom: 20px;
}
.bg-white a {
text-decoration: none;
font-weight: bold;
}
.lg-push11of12 {
margin-left: 0px;
}
.lg-push11of12>.grid {
margin: 0 auto;
position: relative;
width: 100%;
padding: 0% 0% 38.8125rem 0%;
/*56.25 is for 16x9 resolution*/
/* border-radius:20px;*/
background: rgba(0, 0, 0, 0);
/* box-shadow: 0 0 20px rgba(0,0,0,0.6);*/
box-sizing: border-box;
}
.lg-push11of12>.grid>.lg-size12of12 {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
/*
.lg-push11of12 > .grid > div > img {
width:100%;
height:100%;
}
*/
.lg-push11of12>.grid:hover i,
.lg-push11of12>.grid:hover .slider-dots {
opacity: 1;
}
.slidebtn {
z-index: 99;
background: transparent;
outline: none;
border: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding: 0 10px 0 10px;
}
.slidebtn:active,
.slidedtn:focus {
outline: none;
}
.slidebtn i {
color: #FFF;
font-size: 72px;
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.prev {
position: absolute;
/* top: 50%; */
left: 10px;
bottom: 10px;
width: auto;
display: none;
}
.next {
position: absolute;
/* top: 50%; */
right: 10px;
bottom: 10px;
width: auto;
display: none;
}
.slider-dots {
opacity: 0.2;
list-style: none;
display: inline-block;
padding-left: 0;
margin-bottom: 0;
position: absolute;
left: 50%;
bottom: 3%;
transform: translate(-50%, 0);
z-index: 99;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.slider-dots li {
color: #000;
display: inline;
font-size: 48px;
margin-right: 5px;
cursor: pointer;
}
.slider-dots li.active-dot {
color: #fff;
}
</style>
<script src="/getattachment/630eb4d5-b2f0-40c8-8970-c6669183037f/jquery-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var slideitem = '.lg-push11of12 > .grid > .lg-size12of12',
slideshow = '.lg-push11of12 > .grid';
$(slideshow + ' > div:gt(0)').hide();
$(slideitem + ':first').addClass('current');
//$('bg-white .c-picture').
//$('bg-white a').
$('.bg-white .lg-size3of12').each(function() {
var currentImage = $('.c-picture', this);
var n_url = $('a', this).attr('href');
currentImage.wrap("<a href='" + n_url + "' </a>");
});
//$(slideshow).height($(slideitem).outerHeight());
var buttons = "<img class=\"slidebtn prev\" src=\"https://www.mercury.co.nz/images/other/50x50_arrow_left.aspx\"><img class=\"slidebtn next\" src=\"https://www.mercury.co.nz/images/other/50x50_arrow_right.aspx\">";
//change the slide item
var slidesl = $(slideitem).length
var d = "<li class=\"dot active-dot\">•</li>";
for (var i = 1; i < slidesl; i++) {
d = d + "<li class=\"dot\">•</li>";
}
var dots = "<ul class=\"slider-dots\">" + d + "</ul\>";
$(slideshow).append(dots).append(buttons);
var interval = setInterval(slide, 6000);
function intslide(func) {
if (func == 'start') {
interval = setInterval(slide, 6000);
} else {
clearInterval(interval);
}
}
function slide() {
sact('next', 0, 1200);
}
function sact(a, ix, it) {
var currentSlide = $('.current');
var nextSlide = currentSlide.next(slideitem);
var prevSlide = currentSlide.prev(slideitem);
var reqSlide = $(slideitem).eq(ix);
var currentDot = $('.active-dot');
var nextDot = currentDot.next();
var prevDot = currentDot.prev();
var reqDot = $('.dot').eq(ix);
if (nextSlide.length == 0) {
nextDot = $('.dot').first();
nextSlide = $(slideitem).first();
}
if (prevSlide.length == 0) {
prevDot = $('.dot').last();
prevSlide = $(slideitem).last();
}
if (a == 'next') {
var Slide = nextSlide;
var Dot = nextDot;
} else if (a == 'prev') {
var Slide = prevSlide;
var Dot = prevDot;
} else {
var Slide = reqSlide;
var Dot = reqDot;
}
currentSlide.fadeOut(it).removeClass('current');
Slide.fadeIn(it).addClass('current');
currentDot.removeClass('active-dot');
Dot.addClass('active-dot');
}
$('.next').on('click', function() {
intslide('stop');
sact('next', 0, 400);
intslide('start');
}); //next
$('.prev').on('click', function() {
intslide('stop');
sact('prev', 0, 400);
intslide('start');
}); //prev
$('.dot').on('click', function() {
intslide('stop');
var index = $(this).index();
sact('dot', index, 400);
intslide('start');
}); //prev
//slideshow
});
</script>
</div>
<a href="https://www.mercury.co.nz/why-mercury/wonderful-rewards/mobile-app" target="_self" class="
btn text-centered btn--large btn--primary
u-icon--after
">
Get Started
</a>
</div>
</div>
<!--
</div>
</div>
</div>
</div>
</section>
-->
<ul class="slider-dots">
<li class="dot">•</li>
<li class="dot active-dot">•</li>
<li class="dot">•</li>
</ul><img class="slidebtn prev" src="https://www.mercury.co.nz/images/other/50x50_arrow_left.aspx"><img class="slidebtn next" src="https://www.mercury.co.nz/images/other/50x50_arrow_right.aspx">
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.PageHero -->
<section class="bg-grey-tone1 page-hero page-hero--centered">
<div class="page-hero__bg">
</div>
<div class="container col-black">
<div class="grid">
<div class=" lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<h2 class="u-h1">PRICING AND OFFERS. </h2>
<div class="element-feature">
<center>
<p><small>Check our our range of plans and choose an offer that best suits you. </small></p>
</center>
</div>
<div class="page-hero__buttons">
<a href="/electricity/pricing-and-offers" target="_self" class="
btn btn--primary
u-icon--after
">
EXPLORE
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.BlockContainer -->
<section class="bg-white c-block-container ">
<div class="c-block-container__bg">
</div>
<div class="c-block-container__content">
<div class="grid--child-padding-off grid">
<div class="col-black lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<div class="grid grid--child-padding-off">
<div class="lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12 content-feature text-centered">
<div class="col-black">
<div class="content-feature__img">
<div class="content-feature__img-inner">
<picture class="c-picture c-picture--bg">
<source srcset="/getattachment/f947f7fa-b7cf-420e-8abb-0ee1c2474c63/icon.aspx" media="(max-width: 1023px)">
<source srcset="/getattachment/77164426-7099-45f8-9999-dac9f37c2925/icon.aspx" media="(min-width: 1024px)">
<img src="/getattachment/77164426-7099-45f8-9999-dac9f37c2925/icon.aspx" alt="Logos">
</picture>
</div>
</div>
<div class="
content-feature__copy
">
</div>
</div>
</div>
<!--
</div>
</div>
</div>
</div>
</section>
-->
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.PageHero -->
<section class="bg-white page-hero page-hero--centered" style="margin-top: 0px; padding-top: 0px;">
<div class="page-hero__bg">
</div>
<div class="container col-black">
<div class="grid">
<div class=" lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<h2 class="u-h1">WONDERFUL NEWS! </h2>
<div class="element-feature">
<center>
<p><small>Last May, Mercury purchased Trustpower’s retail business. This winter, the Trustpower brand will begin transitioning to the Mercury brand.</small></p>
</center>
<script type="text/javascript">
$(".bg-white.page-hero.page-hero--centered").css({
marginTop: "0",
paddingTop: "0"
});
</script>
</div>
<div class="page-hero__buttons">
<a href="https://www.mercury.co.nz/help/faq/trustpower" target="_self" class="
btn btn--primary
u-icon--after
">
FIND OUT MORE
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.PageHero -->
<section class="bg-primary page-hero page-hero--centered">
<div class="page-hero__bg">
</div>
<div class="container col-black">
<div class="grid">
<div class=" lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<h2 class="u-h1">100% Renewable Generation.</h2>
<div class="element-feature">
<center>
<p><small>We play a leading role in Aotearoa New Zealand's low-carbon transition. Our electricity is generated from 100% renewable sources: hydro, geothermal and wind.</small><br> </p>
</center>
</div>
<div class="page-hero__buttons">
<a href="http://www.mercury.co.nz/renewable-energy" target="_self" class="
btn btn--secondary
u-icon--after
">
Learn More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.BlockContainer -->
<section class="bg-default c-block-container c-block-container--padded">
<div class="c-block-container__bg">
</div>
<div class="c-block-container__content">
<div class="container grid">
<div class="col-black lg-size10of12 lg-push1of12 size10of12 push1of12 mob-size12of12 mob-push0of12">
<div class="grid ">
<div class="lg-size4of12 lg-push0of12 size4of12 push0of12 mob-size10of12 mob-push1of12 content-feature text-centered">
<div class="col-black">
<div class="content-feature__img">
<div class="content-feature__img-inner">
<picture class="c-picture c-picture--bg">
<source srcset="/getattachment/eed0d06f-4211-477a-9f9f-845cebb961f4/icon.aspx" media="(min-width: 0px)">
<img src="/getattachment/eed0d06f-4211-477a-9f9f-845cebb961f4/icon.aspx" alt="HELPFUL TOOLS.">
</picture>
</div>
</div>
<h3 class="u-pad-h--8x">HELPFUL TOOLS.</h3>
<div class="
content-feature__copy u-pad-h--8x
" style="height: 48px;"> Our tools make it easy for you to save your energy. <style type="text/css">
.content-feature__img {
margin: 1.875rem;
}
@media screen and (max-width: 768px) {
.desk-break {
display: none;
}
}
</style>
</div>
<a href="/why-mercury/#tools" target="_self" class="
btn text-centered btn--primary
u-icon--after
">
VIEW TOOLS
</a>
</div>
</div>
<div class="lg-size4of12 lg-push0of12 size4of12 push0of12 mob-size10of12 mob-push1of12 content-feature text-centered">
<div class="col-black">
<div class="content-feature__img">
<div class="content-feature__img-inner">
<picture class="c-picture c-picture--bg">
<source srcset="/getattachment/7cf53e9e-2733-4d94-94eb-13d92ccf1e7c/icon.aspx" media="(min-width: 0px)">
<img src="/getattachment/7cf53e9e-2733-4d94-94eb-13d92ccf1e7c/icon.aspx" alt="GET REWARDED.">
</picture>
</div>
</div>
<h3 class="u-pad-h--8x">GET REWARDED.</h3>
<div class="
content-feature__copy u-pad-h--8x
" style="height: 48px;"> Sign up to rewards and explore wonderful ways to earn and spend. </div>
<a href="/why-mercury/#rewards" target="_self" class="
btn text-centered btn--primary
u-icon--after
">
REWARDS
</a>
</div>
</div>
<div class="lg-size4of12 lg-push0of12 size4of12 push0of12 mob-size10of12 mob-push1of12 content-feature text-centered">
<div class="col-black">
<div class="content-feature__img">
<div class="content-feature__img-inner">
<picture class="c-picture c-picture--bg">
<source srcset="/getattachment/ea84fdc3-7f4a-4c47-b31e-c512c1b40158/icon.aspx" media="(min-width: 0px)">
<img src="/getattachment/ea84fdc3-7f4a-4c47-b31e-c512c1b40158/icon.aspx" alt="WONDERFUL ENERGY.">
</picture>
</div>
</div>
<h3 class="">WONDERFUL ENERGY.</h3>
<div class="
content-feature__copy
" style="height: 48px;"> We're committed to making energy wonderful for Aotearoa New Zealand. <script type="text/javascript">
var heights = $(".lg-size10of12 .content-feature__copy").map(function() {
return $(this).height();
}).get();
maxHeight = Math.max.apply(null, heights);
$(".lg-size10of12 .content-feature__copy").height(maxHeight);
</script>
</div>
<a href="/why-mercury/#wonderful-energy" target="_self" class="
btn text-centered btn--primary
u-icon--after
">
LEARN MORE
</a>
</div>
</div>
<!--
</div>
</div>
</div>
</div>
</section>
-->
</div>
</div>
</div>
</div>
</section>
<!-- Mercury.BlockContainer -->
<section class="bg-grey-tone1 c-block-container ">
<div class="c-block-container__bg">
</div>
<div class="c-block-container__content">
<div class="grid--child-padding-off grid">
<div class="col-black lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<div class="grid grid--child-padding-off">
<div class="lg-size12of12 lg-push0of12 size12of12 push0of12 mob-size12of12 mob-push0of12">
<div class="col-black">
<div class="
">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/725866440?h=c3824e251c&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0"
allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Save your energy_60_TVC.mp4" data-ready="true"></iframe></div>
<script src="https://player.vimeo.com/api/player.js" type="text/javascript"></script>
</div>
</div>
</div>
<!--
</div>
</div>
</div>
</div>
</section>
-->
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="l-footer">
<div class="footer-top">
<div class="container">
<div class="grid">
<picture class="logo-bee lg-size2of12">
<img src="/static/vendor/mercury-master-library/img/logo-bee.png" srcset="/static/vendor/mercury-master-library/img/logo-bee2x.png 2x" alt="Mercury">
</picture>
<div class="footer-information size6of12">
<p class="footer-call-or-email">Call <span>0800 10 18 10</span> or <a href="/Help/Contact-us.aspx" class="col-black">Email us</a></p>
<ul class="footer-sitemap hide-tablet">
<li>
<h6><a href="/electricity">Electricity</a></h6>
</li>
<li><a href="/e-transport"><span style="text-transform:lowercase">e.</span>transport</a></li>
<li><a href="/why-mercury">Why Mercury</a></li>
<li><a href="/Moving-House">Moving</a></li>
<li><a href="/Join">Join</a></li>
</ul>
<ul class="footer-sitemap hide-tablet">
<li>
<h6><a href="/For-Business">Business</a></h6>
</li>
<li><a href="/For-Business/Our-Products">Products</a></li>
<li><a href="/For-Business/Business-Partners">Business partners</a></li>
</ul>
<ul class="footer-sitemap footer-sitemap--parents hide-mobile hide-desktop">
<li><a href="/">For home</a></li>
<li><a href="/For-Business">Business</a></li>
<li><a href="/Investors">Investors</a></li>
<li><a href="/Help">Help</a></li>
</ul>
<ul class="footer-sitemap footer-sitemap--parents hide-mobile hide-desktop">
<li><a href="/About">About</a></li>
<li><a href="/Help/Outages-Faults">Outages / Faults</a></li>
<li><a href="/About/Careers/">Careers</a></li>
</ul>
<ul class="footer-sitemap footer-sitemap--parents hide-tablet">
<li><a href="/Investors">Investors</a></li>
<li><a href="/Help">Help</a></li>
<li><a href="/About">About</a></li>
<li><a href="/Help/Outages-Faults">Outages / Faults</a></li>
<li><a href="/About/Careers">Careers</a></li>
</ul>
</div>
<div class="footer-faq size6of12 lg-size4of12">
<p class="footer-call-or-email">Call <span>0800 10 18 10</span> (or 09 526 8270 from your mobile) or <a href="mailto:service@mercury.co.nz" class="col-black">Email us</a></p>
</div>
</div>
</div>
</div>
<div class="footer-down">
<div class="container">
<p class="footer-socials">
<a href="/Privacy" class="link-privacy">Privacy</a>
<a href="/Terms-Conditions" class="link-terms">Terms</a> Mercury on
<a href="https://www.facebook.com/mercurynz">Facebook,</a><a href="https://twitter.com/mercurynz"> Twitter,</a><a href="https://www.instagram.com/mercury_nz/"> Instagram</a> &
<a href="https://www.youtube.com/mercurynewzealand">YouTube</a>
<a href="#" id="shielded-logo"> <img alt="shielded" src="https://shielded.co.nz/img/custom-logo.png" height="60" width="60" style="height: 30px; width: 30px; margin-left: .625rem"></a>
</p>
<p class="footer-copyright">© Copyright <span id="cur-year">2023</span> Mercury</p>
</div>
</div>
</footer>
<script src="https://staticcdn.co.nz/embed/embed.js"></script>
<script>
(function() {
window.onload = function() {
var frameName = new ds07o6pcmkorn({
openElementId: "#shielded-logo",
modalID: "modal",
});
frameName.init();
}
})();
</script>
<!-- Online Chat-->
<div id="divChat">
<div class="live-chat-header"></div>
<iframe id="liveChatFrame" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" onload="" allowtransparency="false"></iframe>
</div>
<div class="body-overlay"></div>
<div class="loader">
<div class="loading-bounce1"></div>
<div class="loading-bounce2"></div>
</div>
<!-- <script>document.body.className += ' bg-black';</script> -->
<!-- <style>.optimize-loading { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'optimize-loading','dataLayer',6000,
{'GTM-MQ2L5S':true});</script> -->
<script src="/static/js/all.js?v=20230324 21:33"></script>
</form>Text Content
* For Home
* For Business
* Investors
* About
* Help
* Sign In
* Electricity
Back Go to Electricity
* Explore Pricing and Offers
* New Connections
* Moving House
* Add a Property
* Energy Savings Tips
NEW CUSTOMERS
* Join
* Explore pricing & offers
* Earn Rewards
* Move house
* Connect a new property
* Renewable energy
EXISTING CUSTOMERS
* Sign in to My Account
* Earn Rewards.
* Pay your bill
* Mercury App
* Move house
* Covid-19
* Gas
* Why Mercury
Back Go to Why Mercury
* Sustainability
* Explore Sustainability
* Kaitiakitanga
* Business Sustainability
* Partnerships
* Explore Partnerships
* Starship
* Explore Starship
* Starship stories and projects
* Ironman
* Waikato River Trails
* Big Street Bikers
* Iwi
* Coastguard
* Kiwi Hatchery
* Renewable Energy
* Explore Renewable Energy
* Wind Generation
* Lake Levels
* Water Management
* Hydro Generation
* Explore Hydro Generation
* Taupo Control Gates
* Geothermal Generation
* Rewards
* Explore Rewards
* Free Power days
* e.transport
* Explore e.transport
* EV Fuel Package
* Evie
* e.revolutionaries
* Explore e.revolutionaries
* Paula Goes the e.Route.
* Jessica-rose's e.bike story
* Esti's story
* Paul's story
* Nocar Cargo's Story
* Hayley's Scout e.Bike
* Dylan's 2x2 e.Bike
* The Wildlife Hospital's story
* The e.bike Social Riders
* Civic Contractor's story
* Learning made wonderful
* Events
* Broadband
* Help & Support
Back Go to Help & Support
* FAQs
* My Account
* Our App
* Medically Dependent
* Customer Care
* Outages & Faults
* Contact Us
* Join
1. Home
SAVE YOUR ENERGY.
SPEND IT ON WONDERFUL.
We provide the energy behind the things that make your life easier, so you can
free up your own energy to focus on the things that matter most.
WHY MERCURY
JOIN US FOR ENERGY MADE WONDERFUL.
There's something for everyone, from $250 credit when you join us for 2 years to
easy everyday rates.
Join Us
MAKE MOVING WONDERFUL.
We've got you covered with wonderful offers when you choose to move house with
us!
Move with us
JS BASE
Get Started
* •
* •
* •
PRICING AND OFFERS.
Check our our range of plans and choose an offer that best suits you.
EXPLORE
WONDERFUL NEWS!
Last May, Mercury purchased Trustpower’s retail business. This winter, the
Trustpower brand will begin transitioning to the Mercury brand.
FIND OUT MORE
100% RENEWABLE GENERATION.
We play a leading role in Aotearoa New Zealand's low-carbon transition. Our
electricity is generated from 100% renewable sources: hydro, geothermal and
wind.
Learn More
HELPFUL TOOLS.
Our tools make it easy for you to save your energy.
VIEW TOOLS
GET REWARDED.
Sign up to rewards and explore wonderful ways to earn and spend.
REWARDS
WONDERFUL ENERGY.
We're committed to making energy wonderful for Aotearoa New Zealand.
LEARN MORE
Call 0800 10 18 10 or Email us
* ELECTRICITY
* e.transport
* Why Mercury
* Moving
* Join
* BUSINESS
* Products
* Business partners
* For home
* Business
* Investors
* Help
* About
* Outages / Faults
* Careers
* Investors
* Help
* About
* Outages / Faults
* Careers
Call 0800 10 18 10 (or 09 526 8270 from your mobile) or Email us
Privacy Terms Mercury on Facebook, Twitter, Instagram & YouTube
© Copyright 2023 Mercury
ASK HIKO
Chat available, press ALT plus 1 to open