Free 'Sustainable Cleaning Calendar Generator' For Your Blog/Website

Support your cleaning and sustainable living content with a free and easy embeddable calendar generator. Your readers just answer five multiple choice questions and the generator does the rest, creating a bespoke house cleaning schedule with personalised advice.

The generator is free to use on your blog or website. It doesn't contain any links to our website or anybody else's. You don't even have to link back to us and credit us, but we would really love it if you did.

If you have any questions, please drop an email to ross@norfolknaturalliving.com - we will be happy to help.

Scroll down to try it yourself.

Embedding the generator in your website or blog post is easy. There are two methods available (and they both just involve copying and pasting a small amount of code, just like you were embedding a video from YouTube).

How to embed the generator:

Embedding the generator in your website or blog post is easy. There are two methods available (and they both just involve copying and pasting a small amount of code, just like you were embedding a video from YouTube).

How to embed the generator:

iFrame (recommended)

The first method is called an iFrame. Just copy the line of code below and paste it into the HTML section of your blogging or website software. The advantage of the iFrame is that your generator will automatically be updated with even better advice over time. The disadvantage is that your visitors will see a bit of white space below the content until they press the "get started" button.

<iframe src="https://www.atlanticfolk.com/wp-content/nnl/iscc-app.html" style="width: 100%; height: 100%; overflow-y: scroll;" frameborder="0"></iframe>

Copy the code (more advanced)

The advantage of this is that there will be no empty space at the bottom of the generator before your visitor presses the "get started" button. It will also automatically use the fonts you use on your website, so it will integrate nicely. The disadvantage is that it will not update with new advice and suggestions.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style type="text/css">.iscc-title { text-align: center; margin-top: 0px; margin-bottom: 20px; font-size: 20px!important; } .iscc-subtitle { margin-top: 30px; width: 100%; /*border-top: solid #f2f2f2 1px;*/ padding-top: 20px; font-size: 20px!important; } #iscc-calendar-title { margin-top: 30px; width: 100%; padding-top: 20px; margin-bottom: 0px; } .iscc-day { text-align: center; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: solid grey 1px; } .iscc-task { padding-left: 10px; padding-right: 10px; cursor: pointer; } .iscc-container { max-width: 900px; margin: 0 auto; padding: 0px; border-radius: 1px; min-height: 240px; margin-bottom: 20px; /* -webkit-box-shadow: 0px 0px 5px 0px rgba(156,156,156,1); -moz-box-shadow: 0px 0px 5px 0px rgba(156,156,156,1); box-shadow: 0px 0px 5px 0px rgba(156,156,156,1);*/ } .iscc-container a { color: black; text-decoration: none; border-bottom: dotted black 1px; } .iscc-answers { border-top: solid #f2f2f2 1px; margin-top: 30px; } .iscc-calendarcontainer { margin-top: 50px; margin: 0 auto; } @media screen and (min-width: 900px) { .iscc-calendarcard { float: left; width:30%!important; min-height: 200px; margin-top: 20px; margin-right: 2%; -webkit-box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); -moz-box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); background-color: #fcfcfc; @include filter-gradient(#fcfcfc, #f2f2f2, vertical); @include background-image(linear-gradient(top, #fcfcfc 0%,#f2f2f2 99%)); } .iscc-calendarcontainer { margin-top: 50px; margin: 0 auto; display: flex; justify-content: space-between; } .iscc-more-info { display: none!important; } } @media screen and (max-width: 899px) { .iscc-calendarcard { width:90%; min-height: 200px; margin: 0 auto; -webkit-box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); -moz-box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); box-shadow: 3px 3px 5px 0px rgba(156,156,156,1); background-color: #fcfcfc; @include filter-gradient(#fcfcfc, #f2f2f2, vertical); @include background-image(linear-gradient(top, #fcfcfc 0%,#f2f2f2 99%)); } .iscc-calendarcontainer { margin-top: 20px; left: 0; right: 0; } .iscc-more-info { position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 20px; background-color: white; } } .iscc-button { padding: 10px; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px; font-size: 11px!important; background-color: white; border: solid black 1px; } .issc-form { padding-left: 5%; padding-right: 5%; border-top: solid #f2f2f2 1px; padding-top: 10px; } #iscc-generate { margin-left: 5%; } </style> <div class="iscc-container"> <!-- intro --> <div id="iscc-intro"> <h2 class="iscc-title">Sustainable Cleaning Calendar Generator</h2> <p>Simply answer 5 super quick questions to generate your personalised cleaning schedule. There aren’t any wrong answers, so just answer honestly and we’ll have a plan of action ready for you.</p> <button class="iscc-button" id="iscc-begin">Get started</button> </div> <!-- end of intro --> <div id="issc-form-container" style="display:none; "> <h3 class="iscc-title" id="calendar-title">These five questions will help us to create your personalised sustianable cleaning calender</h3> <!-- regularity question --> <form class="issc-form" id="regularity"> <p>How often do you currently do housework?</p> <p><input checked id="everydayclean" name="regularity" type="radio" value="Every day"> <label for="everydayclean">Every day</label></p> <p><input id="regularclean" name="regularity" type="radio" value="Three or four times a week"> <label for="regularclean">Three or four times a week</label></p> <p><input id="rareclean" name="regularity" type="radio" value="Once or twice a week"> <label for="rareclean">Once or twice a week</label></p> </form> <!-- number of products --> <form class="issc-form" id="prodnum"> <p>Roughly how many different products do you use when cleaning the different areas of your house?</p> <p><input checked id="fewprod" name="prodnum" type="radio" value="One or two products that I use everywhere"> <label for="fewprod">One or two products that I use everywhere</label></p> <p><input id="someprod" name="prodnum" type="radio" value="One or two products that I use in most places but I also have specific products for specific jobs"> <label for="someprod">One or two products that I use in most places but I also have specific products for specific jobs</label></p> <p><input id="manyprod" name="prodnum" type="radio" value="Every job has its own specific product or tool"> <label for="manyprod">Every job has its own specific product or tool</label></p> </form> <!-- bleach question --> <form class="issc-form" id="bleachq"> <p>Do any of the products that you use contain bleach?</p> <p><input checked id="yesbleach" name="bleachq" type="radio" value="Yes"> <label for="yesbleach">Yes</label></p> <p><input id="nobleach" name="bleachq" type="radio" value="No"> <label for="nobleach">No</label></p> <p><input id="unsurebleach" name="bleachq" type="radio" value="I'm not sure"> <label for="unsurebleach">I'm not sure</label></p> </form> <!-- children question --> <form class="issc-form" id="childq"> <p>Do you have children or are there regularly children in your house?</p> <p><input checked id="childy" name="childq" type="radio" value="Yes"> <label for="childy">Yes</label></p> <p><input id="childn" name="childq" type="radio" value="No"> <label for="childn">No</label></p> </form> <!-- pet question --> <form class="issc-form" id="petq"> <p>Do you have any cats or dogs?</p> <p><input checked id="pety" name="petq" type="radio" value="Yes"> <label for="pety">Yes</label></p> <p><input id="petn" name="petq" type="radio" value="No"> <label for="petn">No</label></p> </form> <button class="iscc-button" id="iscc-generate">Create my sustainable cleaning calendar</button> </div> <!-- end of form --><!-- calendar --> <h3 class="iscc-title" id="iscc-calendar-title" style="margin-top: 30px; display: none;">Your personalised cleaning calendar</h3> <p id="iscc-scrolldowntip" style="display:none">For tips about any of the tasks below (including recommendations for sustainable products to use), click on the task and scroll to the bottom of the calendar.</p> <!-- calendar container --> <div class="iscc-calendarcontainer" id="iscc-calendar" style="display: none"> <!-- 7 day calendar --> <div id="iscc-7daycalendar" style="display: none"> <div class="iscc-calendarcard"> <h4 class="iscc-day">Monday</h4> <p class="iscc-task iscc-floor">Carpets and floors ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Tuesday</h4> <p class="iscc-task iscc-dusting">Dusting ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Wednesday</h4> <p class="iscc-task iscc-kitchen">Kitchen ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Thursday</h4> <p class="iscc-task iscc-floor">Carpets and floors ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Friday</h4> <p class="iscc-task iscc-skirting">Skirting boards and touchpoints ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Saturday</h4> <p class="iscc-task iscc-floor" id="iscc-floor-3"><span class="iscc-pety">Carpets and floors </span> ⓘ</p> <p class="iscc-task iscc-bathroom">Bathroom ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Sunday</h4> <p class="iscc-task iscc-windows">Windows ⓘ</p> </div> </div> <!-- 3 day calendar --> <div id="iscc-3daycalendar" style="display: none; width: 100%;"> <div class="iscc-calendarcard"> <h4 class="iscc-day">Tuesday</h4> <p class="iscc-task iscc-floor">Carpets and floors ⓘ</p> <p class="iscc-task iscc-dusting">Dusting ⓘ</p> <p class="iscc-task iscc-kitchen">Kitchen ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Thursday</h4> <p class="iscc-task iscc-floor"><span class="iscc-pety">Carpets and floors </span></p> <p class="iscc-task iscc-skirting">Skirting boards and touchpoints ⓘ</p> <p class="iscc-task iscc-windows">Windows ⓘ</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Saturday</h4> <p class="iscc-task iscc-floor"><span class="iscc-pety">Carpets and floors </span> ⓘ</p> <p class="iscc-task iscc-bathroom">Bathroom ⓘ</p> </div> </div> <!-- 2 day calendar --> <div id="iscc-2daycalendar" style="display: none"> <div class="iscc-calendarcard"> <h4 class="iscc-day">Saturday</h4> <p class="iscc-task iscc-bathroom">Bathroom</p> <p class="iscc-task iscc-kitchen">Kitchen</p> <p class="iscc-task iscc-skirting">Skirting boards and touchpoints</p> <p class="iscc-task iscc-windows">Windows</p> <p class="iscc-task iscc-dusting">Dusting</p> <p class="iscc-task iscc-floor">Carpets and floors</p> </div> <div class="iscc-calendarcard"> <h4 class="iscc-day">Wednesday</h4> <p class="iscc-task iscc-floor">Carpets and floors</p> </div> </div> </div> <div id="iscc-infoanchor"></div> <!-- Description content --><!-- flooring info --> <div class="iscc-info" id="iscc-flooring-info" style="display: none"> <h4 class="iscc-subtitle">Carpets and floors</h4> <p>It’s particularly important that you take care of your flooring in high traffic areas such as hallways, stairs and your kitchen.</p> <p>A damp mop will be fine for most hard surfaces, with a little natural detergent diluted in hot water. Scented vinegar is ideal for stain removal and lifting any lingering odours.</p> <p><span id="iscc-pety" style="display: none;">Your pet’s hairs no doubt get caught up in carpets. Using a rubber squeegee is a great way to get them out without wearing down your carpeting. Be warned - you can’t just do one patch of carpet! You’ll be amazed at what colour it was supposed to be…</span></p> </div> <!-- dusting info --> <div class="iscc-info" id="iscc-dusting-info" style="display: none"> <h4 class="iscc-subtitle">Dusting</h4> <p>When it comes to dusting, we know that little and often is key to prevent build-up. However did you know that, unless you’re looking to treat wooden furniture with it, there’s no need to use sprays and polishes when you’re dusting. A damp cloth is just as good, and that way you avoid using aerosols and buying yet another cleaning product.</p> </div> <!-- kitchen info --> <div class="iscc-info" id="iscc-kitchen-info" style="display: none"> <h4 class="iscc-subtitle">Kitchen cleaning</h4> <p>Notoriously one of the dirtier areas of the home, it’s important to keep on top of the kitchen cleaning. Use a natural antibacterial surface spray for your worktops (look for witch hazel in the ingredients) and invest in a specific product if you have granite or marble worktops. These materials are prone to fading so sometimes require a specialist spray.</p> </div> <!-- skirting boards info --> <div class="iscc-info" id="iscc-skirting-info" style="display: none"> <h4 class="iscc-subtitle">Skirting boards and touch points</h4> <p>Areas where hands and fingers touch a lot need special attention when it comes to cleaning. Skirting boards, bannisters, light switches and door handles can all be cleaned with scented vinegar and a soft cloth. It smells great and naturally cleanses germs.</p> </div> <!-- bathroom info --> <div class="iscc-info" id="iscc-bathroom-info" style="display: none"> <h4 class="iscc-subtitle">Bathroom cleaning</h4> <p>Our bathrooms, although they require antibacterial cleaning, needn't be areas where we use lots of harsh chemicals. There are natural bleach-free loo cleaners on the market, you can use scented vinegar for cleaning your mirrors and shower screen and a little bicarbonate of soda can work wonders for limescale.</p> </div> <!-- window info --> <div class="iscc-info" id="iscc-window-info" style="display: none"> <h4 class="iscc-subtitle">Window cleaning</h4> <p>Scented vinegar is your friend here. The shine and streak-free finish that you achieve with vinegar (plus a labour-saving squeegee and a hefty dose of elbow grease) is spectacular. Remember to give the glass a final wipe with a soft cotton cloth, working in circular strokes.</p> </div> <!-- answers/advice --> <div class="iscc-answers" id="iscc-answers" style="display: none;"> <!-- freq paragraph --> <h4 class="iscc-subtitle">How often you clean</h4> <div id="iscc-everydayclean" style="display: none;"> <p>Wow, you’re a bit of a cleaning superstar aren’t you? It’s great that you do so much to keep on top of your housework, and we are a little jealous of your organisation skills. <span id="iscc-pety" style="display:none;">This is particularly helpful because pet hair can get everywhere.</span></p> <p>Remember not to become a slave to the duster though - it’s important to take a day to yourself every so often. We think you deserve it.</p> </div> <div id="iscc-regularclean" style="display: none;"> <p>Cleaning three or four times a week is absolutely ideal. Little and often is the key and it seems like you’ve got it sussed. You’re not cleaning so much that it becomes a chore, but enough that nothing mounts up too much and becomes a huge undertaking.</p> </div> <div id="iscc-rareclean" style="display: none"> <p>Balancing the needs of a busy home life, work, family, friends and socialising can be tough - and keeping on top of housework is often just not a priority. This is nothing to beat yourself up about, but you can really help yourself out by cleaning just three times a week, adopting the little and often rule.</p> </div> <!-- end of freq paragraph --><!-- prodnum paragraph --> <h4 class="iscc-subtitle">How many products you use</h4> <div id="iscc-fewprod" style="display: none;"> <p>A multi-use product can be an absolute lifesaver - it saves time, money and precious cupboard space. It’s never a good idea to have a utility room full of products that essentially do the same thing, with the same ingredients. But it’s also worth remembering that some tools for specific jobs are worth investing in.</p> <p>For example, copper cleaning pads have unrivalled scrubbing power when it comes to baked on grease, and it’s definitely worth having a stock of these.</p> </div> <div id="iscc-someprod" style="display: none;"> <p>Having one or two main cleaning products and a couple of specialist items is exactly the approach we would recommend - the perfect mixture of multi-use products and more specialist tools. Our favourite multi-use cleaner has to be scented vinegar - great for everything from limescale to cleaning the loo.</p> </div> <div id="iscc-manyprod" style="display: none;"> <p>It’s important to have plenty of cleaning products to get the job done quickly and effectively. However, there are many brilliant multi-use cleaners out there than will save you money and space in your cupboards.</p> <p>Our favourite multi-use cleaner has to be scented vinegar - great for everything from limescale to cleaning the loo.</p> </div> <!-- end of prodnum paragraph --><!-- bleach paragraph --> <h4 class="iscc-subtitle">Bleach</h4> <div id="iscc-yesbleach" style="display: none"> <p>Bleach was once the failsafe and one-size-fits-all cleaning must-have. These days, there are much better eco-friendly alternatives that are much kinder to the environnment, and to our skin and lungs.</p> </div> <div id="iscc-nobleach" style="display: none;"> <p>It is great that you don't use bleach to clean your house. Avoiding bleach is a great way to do the planet a favour. Once it gets into the waterways, it can do horrible things to wildlife, destroying ecosystems as it goes. Bleach is not necessarily evil, there are things it is very good for. But you should definitely think twice every time you use it.</p> </div> <!-- child paragraph --> <div id="iscc-yeschild" style="display: none"> <h4 class="iscc-subtitle">Children</h4> <p>We understand that with little ones around it’s even more important to make informed choices when it comes to what cleaning products you use in the home. Try plant-based or homemade cleaners for peace of mind.</p> <div class="iscc-more-info" style="display: none;">Scroll down for more information.</div> </div> </div> </div> <script> jQuery(document).ready(function(){ // Open all links in new tabs jQuery("a").attr("target", "_blank"); // Intro page button jQuery("#iscc-begin").click(function(){ jQuery("#iscc-intro").fadeToggle(); jQuery("#issc-form-container").delay( 800 ).fadeToggle(); }); // form button jQuery("#iscc-generate").click(function(){ jQuery("#issc-form-container").fadeToggle(); jQuery("#iscc-answers").delay( 800 ).fadeToggle(); console.log("checked"); //regularity // cleans every day if (jQuery("#everydayclean").is(":checked")) { jQuery("#iscc-everydayclean").delay( 800 ).fadeToggle(); } // cleans often if (jQuery("#regularclean").is(":checked")) { jQuery("#iscc-regularclean").delay( 800 ).fadeToggle(); } // cleans rarely if (jQuery("#rareclean").is(":checked")) { jQuery("#iscc-rareclean").delay( 800 ).fadeToggle(); } //number of products used // few products if (jQuery("#fewprod").is(":checked")) { jQuery("#iscc-fewprod").delay( 800 ).fadeToggle(); } // some products if (jQuery("#someprod").is(":checked")) { jQuery("#iscc-someprod").delay( 800 ).fadeToggle(); } // many products if (jQuery("#manyprod").is(":checked")) { jQuery("#iscc-manyprod").delay( 800 ).fadeToggle(); } //bleach // uses bleach if (jQuery("#yesbleach").is(":checked")) { jQuery("#iscc-yesbleach").delay( 800 ).fadeToggle(); } // doesn't use bleach if (jQuery("#nobleach").is(":checked")) { jQuery("#iscc-nobleach").delay( 800 ).fadeToggle(); } // unsure about bleach if (jQuery("#unsurebleach").is(":checked")) { jQuery("#iscc-nobleach").delay( 800 ).fadeToggle(); } //have children // has children if (jQuery("#childy").is(":checked")) { jQuery("#iscc-yeschild").delay( 800 ).fadeToggle(); } //Calendar assembly jQuery("#iscc-calendar").delay( 800 ).fadeToggle(); jQuery("#iscc-calendar-title").fadeToggle(); jQuery("#iscc-scrolldowntip").fadeToggle(); //if they have pets if (jQuery("#pety").is(":checked")) { jQuery("#iscc-pety").fadeToggle(); } //7 day cleaning if (jQuery("#everydayclean").is(":checked")) { jQuery("#iscc-7daycalendar").delay( 800 ).fadeToggle(); } //3 day cleaning if (jQuery("#regularclean").is(":checked")) { jQuery("#iscc-3daycalendar").delay( 800 ).fadeToggle(); } //2 day cleaning if (jQuery("#rareclean").is(":checked")) { jQuery("#iscc-3daycalendar").delay( 800 ).fadeToggle(); } //cleaning info // floor cleaning jQuery(".iscc-floor").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-flooring-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); // dusting jQuery(".iscc-dusting").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-dusting-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); // kitchen cleaning jQuery(".iscc-kitchen").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-kitchen-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); // skiting cleaning jQuery(".iscc-skirting").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-skirting-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); // bathroom cleaning jQuery(".iscc-bathroom").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-bathroom-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); // window cleaning jQuery(".iscc-windows").click(function(){ jQuery(".iscc-info").hide(); jQuery("#iscc-window-info").fadeToggle(); jQuery('body').css('overflow-y', 'hidden'); jQuery('body').delay( 800 ).animate({ scrollTop: (jQuery('#iscc-infoanchor').offset().top) },500); jQuery('body').css('overflow-y', 'auto'); jQuery(".iscc-more-info").fadeToggle(); jQuery(".iscc-more-info").delay( 2000 ).fadeToggle(); }); }); }) </script>

Sustainable Cleaning Calendar Generator

Simply answer 5 super quick questions to generate your personalised cleaning schedule. There aren’t any wrong answers, so just answer honestly and we’ll have a plan of action ready for you.