Bushfire Donation Banner

In response to the devastating impact of the bushfires, we have created a number of floating banners, which can be displayed on your store to support those in need.

Below you will find banners for the Australian Red Cross, the NSW Rural Fire Service, the Country Fire Authority, WIRES and the Salvation Army. If you wish to support another charity, you can either edit the code in step 2 or contact us at communications@neto.com.au and we'll make it for you.

Bushfire Donation Banner


Please note that the banner may not be compatible with your store's customisations or third party widgets and unfortunately, we are not able to accommodate requests to customise the code. If you are experienced with HTML and CSS, our developer docs provide details on the Neto-specific parts of web development. If you are not comfortable editing the code, we recommend submitting a request to a Neto design partner, who will be able to provide you with a quote for customising the code.

Also note this tweak is not designed to display on mobile for usability reasons, however if you would like to adjust this you can do so using the methods outlined above.


Coding Instructions

Step 1. Open the custom scripts

In your control panel, go to Settings & Tools > All Settings & Tools > Custom Scripts.

Step 2. Create a new custom script

Create a new custom scripted named "Bushfire Donations".

There are 5 options of charities to promote. Copy the relevant code for your charity of choice and paste it within the "Page Footer" tab (don't click save until the next step):

Note: Only add the code of one charity otherwise this tweak won't work.

Red Cross

<div id="bushfire-popup">
    <i id="bushfire-popup-close" class="fa fa-times" aria-hidden="true"></i>
    <a href="https://www.redcross.org.au/campaigns/disaster-relief-and-recovery-donate"><img src="https://www.redcross.org.au/Custom/UI/Content/svg/arc-logo.svg" alt="Red Cross" class="logo"/></a>
    <h4>Help those affected by bushfires</h4>
    <a href="https://www.redcross.org.au/campaigns/disaster-relief-and-recovery-donate" class="btn btn-danger" target="_blank">Donate now</a>
</div>

NSW Rural Fire Service

<div id="bushfire-popup">
    <i id="bushfire-popup-close" class="fa fa-times" aria-hidden="true"></i>
    <a href="https://www.rfs.nsw.gov.au/volunteer/support-your-local-brigade"><img src="https://www.rfs.nsw.gov.au/__data/assets/image/0016/961/rfs-logo-main.png?v=0.3.1" alt="NSW Rural Fire Service" class="logo"/></a>
    <h4>Help those affected by bushfires</h4>
    <a href="https://www.rfs.nsw.gov.au/volunteer/support-your-local-brigade" class="btn btn-danger" target="_blank">Donate now</a>
</div>

Country Fire Authority

<div id="bushfire-popup">
    <i id="bushfire-popup-close" class="fa fa-times" aria-hidden="true"></i>
    <a href="https://www.cfa.vic.gov.au/about/supporting-cfa"><img src="https://upload.wikimedia.org/wikipedia/en/a/a1/Country_Fire_Authority_Australia_logo.svg" alt="Country Fire Authority" class="logo"/></a>
    <h4>Help those affected by bushfires</h4>
    <a href="https://www.cfa.vic.gov.au/about/supporting-cfa" class="btn btn-danger" target="_blank">Donate now</a>
</div>

WIRES

<div id="bushfire-popup">
    <i id="bushfire-popup-close" class="fa fa-times" aria-hidden="true"></i>
    <a href="https://www.wires.org.au/donate/emergency-fund"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/8f/WIRES_logo.svg/1024px-WIRES_logo.svg.png" alt="WIRES" class="logo"/></a>
    <h4>Help those affected by bushfires</h4>
    <a href="https://www.wires.org.au/donate/emergency-fund" class="btn btn-danger" target="_blank">Donate now</a>
</div>

The Salvation Army

<div id="bushfire-popup">
    <i id="bushfire-popup-close" class="fa fa-times" aria-hidden="true"></i>
    <a href="https://www.salvationarmy.org.au/donate/make-a-donation/donate-online/?appeal=disasterappeal"><img src="https://www.salvationarmy.org.au/scribe/sites/auesalvos/files/images/misc/shield-image-src.png" alt="The Salvation Army" class="logo"/></a>
    <h4>Help those affected by bushfires</h4>
    <a href="https://www.salvationarmy.org.au/donate/make-a-donation/donate-online/?appeal=disasterappeal" class="btn btn-danger" target="_blank">Donate now</a>
</div>

Step 3. Add functionality and styling

Before saving the custom script, paste the following code below the charity code in the "Page Footer" tab:

[%cdn_asset html:'1' type:'js' library:'jquery_cookie'%]jquery.cookie.js[%/cdn_asset%]
<script type="text/javascript">
    $(document).ready(function(){
        if (!$.cookie('showBushfirePopup')) {
            $("#bushfire-popup").show();
        }
        $("#bushfire-popup-close").click(function() {
            $("#bushfire-popup").hide();
            $.cookie('showBushfirePopup', true, { path: "/" });
        });
    });
</script>
<style>
    #bushfire-popup {
        display: none;
        position: fixed;
        left: 0;
        bottom: 20px;
        width: 326px;
        padding: 15px;
        background: #fff;
        border-radius: 0 5px 5px 0;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.30);
        text-align: center;
        z-index: 16000002;
    }
    #bushfire-popup img.logo {
        max-width: 100px;
        max-height: 60px;
        margin-bottom: 5px;
    }
    #bushfire-popup #bushfire-popup-close {
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 8px;
    }
    @media (max-width: 1024px) {
        #bushfire-popup {
            display: none !important;
        }
    }
</style>

Note: In order to only show the popup once person user, we have to create a cookie. When a user visits the page for the first time, the script tests to see whether the cookie exists. If it doesn't, it'll show the bushfire popup, and then set the cookie. If it does find the cookie, nothing will happen because the user has already seen the bushfire popup.

Step 4. Save and verify the custom script

When complete, click the Save button.

Note: Changes to a custom script require you to authenticate your access. Click the "Send Token Now" button and an email will be sent to you with a security token. Copy the token and paste it into the verification field. Click the Verify Token button and your changes can be saved. The token will last two hours in case you need to change multiple scripts.


Final Result

Bushfire Donation Banner


Was this article useful?

Be notified when this page is updated. Optional.