{"id":9186,"date":"2020-04-10T18:56:00","date_gmt":"2020-04-10T16:56:00","guid":{"rendered":"https://proweb.p.blends.be/?p=9186"},"modified":"2025-09-16T14:17:54","modified_gmt":"2025-09-16T12:17:54","slug":"increase-nps-with-bite-sized-gamified-learning","status":"publish","type":"case_study","link":"https://pointerpro.com/fr/blog/increase-nps-with-bite-sized-gamified-learning/","title":{"rendered":"One of Australia’s top 10 retailers uses gamified learning to increase NPS [case study]"},"content":{"rendered":"\n<style>\n    #section-Z2d2hMx {\n        padding-top: 2.8rem;\n        padding-bottom: 6rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2d2hMx {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z2d2hMx-container  #421f3c custom-padding \" id=\"section-Z2d2hMx\"\n    style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-NVrQU .heading h1 {\n        color: #ffffff;\n        font-size: 3.125rem;\n        line-height: 4rem !important;\n    }\n\n    #heading-NVrQU {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-NVrQU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .single #heading-NVrQU .heading h1 {\n            line-height: 3rem !important;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-1-container lazyblock-heading-1-NVrQU  px-0\" id=\"heading-NVrQU\">\n    <div class=\"row heading lazyblock-heading-1 justify-content-start  lazyblock-heading-1-NVrQU\">\n        <div class=\"col-12 col-lg-12 text-start \">\n            <a class=\"heading-1-anchor heading-anchor\" id=\"one-of-australias-top-10-retailers-uses-gamified-learning-to-increase-nps-case-study\"></a>\n            <h1>One of Australia’s top 10 retailers uses gamified learning to increase NPS [case study]</h1>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    #heading-ZjhnMQ .heading h2 {\n        color: #f5f5f5;\n        font-size: 1.25rem;\n        line-height: 1.5rem !important;\n    }\n\n    #heading-ZjhnMQ {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZjhnMQ {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZjhnMQ date-and-author-container px-0\" id=\"heading-ZjhnMQ\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start date-and-author lazyblock-heading-2-ZjhnMQ\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"written-april-10-2020-by-nigel-lindemann\"></a>\n            <h2>Written April 10, 2020, by Nigel Lindemann</h2>\n        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-hgwuz {\n        padding-top: 2.8rem;\n        padding-bottom: 3.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-hgwuz {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-hgwuz-container  #ffffff custom-padding \" id=\"section-hgwuz\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    .lazyblock-content-11szyA p,\n    .lazyblock-content-11szyA p a,\n    .lazyblock-content-11szyA h1,\n    .lazyblock-content-11szyA h2,\n    .lazyblock-content-11szyA h3,\n    .lazyblock-content-11szyA h4,\n    .lazyblock-content-11szyA h5 {\n        color: ;\n    }\n\n    #content-11szyA {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-11szyA {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-11szyA {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-11szyA-container  px-0 \"\n     id=\"content-11szyA\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-11szyA\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Have you ever read to the end of a page and can’t remember what you just read?</p>\n<p>That’s often the challenge with digital learning – people forget what they learned. Kelly Vogler from one of Australia’s Top 10 Retailers needed to develop training that people remembered and consequently had a measurable impact on behaviour.</p>\n<p>Using Pointerpro meant Kelly could use Gamification and Bite-Sized learning in line with Adult Learning Principles to create a measurable impact on performance with learning campaigns. One product knowledge campaign resulted in an increase of over 6% for the product. This approach helped them increase their NPS (or “Net Promoter Score”. The Net Promoter Score is an index ranging from -100 to +100 that measures the willingness of customers to recommend a company’s products or services to others) with 6 points.</p>\n<p>Six percent might not sound like a lot, but surprisingly the increase was in the period leading into Christmas, where you could expect NPS to go down, as people tend to be a bit more rushed and irritable. </p>\n<p>Here’s how she did it. </p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-2wAcyN {\n        padding-top: 2.8rem;\n        padding-bottom: 3.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-2wAcyN {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f0f0f0;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-2wAcyN-container  #f0f0f0 custom-padding \" id=\"section-2wAcyN\"\n    style=\"opacity: 100%; background-color: #f0f0f0;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-2bfTkU .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-2bfTkU {\n        margin-top: 0rem;\n        margin-bottom: 2.8rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-2bfTkU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-2bfTkU  px-0\" id=\"heading-2bfTkU\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-2bfTkU\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"meet-kelly-vogler\"></a>\n            <h2>Meet Kelly Vogler</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    #content-image-CfUQB {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        #content-image-CfUQB .on-the-fly-CfUQB {\n        width: 100%;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-CfUQB {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-CfUQB .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-CfUQB .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-CfUQB {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-CfUQB-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-CfUQB\">\n        <div class=\"content-wrapper col-lg-10 col-12 pe-4 mb-lg-0 mb-4 order-2\">\n            <div class=\"d-flex  h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    .lazyblock-content-i1Wt7 p,\n    .lazyblock-content-i1Wt7 p a,\n    .lazyblock-content-i1Wt7 h1,\n    .lazyblock-content-i1Wt7 h2,\n    .lazyblock-content-i1Wt7 h3,\n    .lazyblock-content-i1Wt7 h4,\n    .lazyblock-content-i1Wt7 h5 {\n        color: ;\n    }\n\n    #content-i1Wt7 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-i1Wt7 {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-i1Wt7 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-i1Wt7-container   \"\n     id=\"content-i1Wt7\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-i1Wt7\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Kelly Vogler is a Learning Solutions Specialist, specializing in digital solutions. She’s part of a two-person team to develop online learning solutions for one of Australia’s Top 10 Retailers.</p>\n<p>She has a special interest in measuring impact on customer experience and business performance as a result of learning.</p>        </div>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-2 order-1\">\n            <div class=\"d-flex  h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-CfUQB\" src=\"https://pointerpro.com/wp-content/uploads/Kelly-Vogler-1-1-150x150-1.jpg\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-AX5Fd {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-AX5Fd {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-AX5Fd-container  #ffffff custom-padding \" id=\"section-AX5Fd\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-ZOyLhV .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZOyLhV {\n        margin-top: 0rem;\n        margin-bottom: 2.8rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZOyLhV {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZOyLhV  px-0\" id=\"heading-ZOyLhV\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZOyLhV\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"initial-hurdles\"></a>\n            <h2>Initial hurdle(s)</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z2ihY2Q p,\n    .lazyblock-content-Z2ihY2Q p a,\n    .lazyblock-content-Z2ihY2Q h1,\n    .lazyblock-content-Z2ihY2Q h2,\n    .lazyblock-content-Z2ihY2Q h3,\n    .lazyblock-content-Z2ihY2Q h4,\n    .lazyblock-content-Z2ihY2Q h5 {\n        color: ;\n    }\n\n    #content-Z2ihY2Q {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2ihY2Q {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z2ihY2Q {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2ihY2Q-container  px-0 \"\n     id=\"content-Z2ihY2Q\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2ihY2Q\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 28px;\">What was the challenge?</span></h4>\n<p>&nbsp;</p>\n<p>\"My goal was to make learning more in line with ‘<a href=\"https://ala.asn.au/adult-learning/the-principles-of-adult-learning/\">adult learning principles</a>’ in order to drive retention and behavioral change. I needed to ensure the efficiency and effectiveness of the time spent learning.</p>\n<p>On top of that, we wanted to add a gamification element to their training as every team loves a bit of healthy competition to motivate people to outperform their colleagues.\"</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9196\" src=\"https://proweb.p.blends.be/wp-content/uploads/112-1-1.png\" alt=\"\" width=\"764\" height=\"664\" /></p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1AL6zA {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1AL6zA {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f0f0f0;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1AL6zA-container  #f0f0f0 custom-padding \" id=\"section-Z1AL6zA\"\n    style=\"opacity: 100%; background-color: #f0f0f0;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    .lazyblock-content-1lo2Ve p,\n    .lazyblock-content-1lo2Ve p a,\n    .lazyblock-content-1lo2Ve h1,\n    .lazyblock-content-1lo2Ve h2,\n    .lazyblock-content-1lo2Ve h3,\n    .lazyblock-content-1lo2Ve h4,\n    .lazyblock-content-1lo2Ve h5 {\n        color: ;\n    }\n\n    #content-1lo2Ve {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1lo2Ve {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1lo2Ve {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1lo2Ve-container  px-0 \"\n     id=\"content-1lo2Ve\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1lo2Ve\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <blockquote>\n<p><strong>Kelly</strong>: “The main driver to look for another tool was gamification.​”</p>\n</blockquote>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-wxYab {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-wxYab {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-wxYab-container  #ffffff custom-padding \" id=\"section-wxYab\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-ZnRJMU .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZnRJMU {\n        margin-top: 0rem;\n        margin-bottom: 2.8rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZnRJMU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZnRJMU  px-0\" id=\"heading-ZnRJMU\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZnRJMU\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"from-complexity-to-simplicity\"></a>\n            <h2>From complexity to simplicity</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z20loWE p,\n    .lazyblock-content-Z20loWE p a,\n    .lazyblock-content-Z20loWE h1,\n    .lazyblock-content-Z20loWE h2,\n    .lazyblock-content-Z20loWE h3,\n    .lazyblock-content-Z20loWE h4,\n    .lazyblock-content-Z20loWE h5 {\n        color: ;\n    }\n\n    #content-Z20loWE {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z20loWE {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z20loWE {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z20loWE-container  px-0 \"\n     id=\"content-Z20loWE\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z20loWE\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 28px;\">How did Pointerpro help with reaching your goals?</span></h4>\n<p>&nbsp;</p>\n<p>\"The authoring tools we normally use are capable of displaying leaderboards but it’s a time consuming and intricate process to develop them. Pointerpro has the features we wanted already built in. It was great for rapid development.</p>\n<p>Previously, to put the same training campaign together that I built in Pointerpro, it would take us about two months. In Pointerpro, once we had the gamified learning content, we could put it together in half a day and the <a href=\"https://help.pointerpro.com/en/support/solutions/articles/35000050078-leaderboard\" target=\"_blank\" rel=\"noopener noreferrer\">leaderboard</a> made it easier to get people engaged.</p>\n<p>The campaign feature and ability to rapidly develop meant we could develop multiple short quizzes as part of a campaign. That short and sharp style of learning combined with instant feedback to learners for incorrect choices meant the retention and application of learning was much higher.</p>\n<p>The tool was also really cost-effective, so we could trial Pointerpro and see what the results of the campaigns were without investing lots of money or needing approvals for a big spend.”</p>        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-25zEpT p,\n    .lazyblock-content-25zEpT p a,\n    .lazyblock-content-25zEpT h1,\n    .lazyblock-content-25zEpT h2,\n    .lazyblock-content-25zEpT h3,\n    .lazyblock-content-25zEpT h4,\n    .lazyblock-content-25zEpT h5 {\n        color: ;\n    }\n\n    #content-25zEpT {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-25zEpT {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-25zEpT {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-25zEpT-container  px-0 \"\n     id=\"content-25zEpT\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-25zEpT\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 28px;\">What were the key features to go for Pointerpro?</span></h4>\n<p>&nbsp;</p>\n<p>“I built 5 prototypes of the gamified learning style we were aiming for in different authoring tools.</p>\n<p>Pointerpro was the most visually appealing, customizable, easy to work with, easy to access and learn from. It had the most personalization with the least manual data manipulation. It was one of the most cost-effective tools and it had the best customer support.</p>\n<p>Pointerpro’s gamification features like the leaderboard, which allowed instant respondent comparison, and the scratchcard to spice things up were a great addition to improve learning through engagement among participants.</p>\n<p>The use of question logic allowed us to build gamified learning quizzes where a team member only had to view content relating to questions they answered incorrectly, thus avoiding the traditional text heavy compliance style type of eLearning module.\"</p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-DjQu2 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-DjQu2 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f0f0f0;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-DjQu2-container  #f0f0f0 custom-padding \" id=\"section-DjQu2\"\n    style=\"opacity: 100%; background-color: #f0f0f0;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-KClN9 .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-KClN9 {\n        margin-top: 0rem;\n        margin-bottom: 2.8rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-KClN9 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-KClN9  px-0\" id=\"heading-KClN9\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-KClN9\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"measurable-outcomes\"></a>\n            <h2>Measurable outcomes</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1HJvFz p,\n    .lazyblock-content-1HJvFz p a,\n    .lazyblock-content-1HJvFz h1,\n    .lazyblock-content-1HJvFz h2,\n    .lazyblock-content-1HJvFz h3,\n    .lazyblock-content-1HJvFz h4,\n    .lazyblock-content-1HJvFz h5 {\n        color: ;\n    }\n\n    #content-1HJvFz {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1HJvFz {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1HJvFz {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1HJvFz-container  px-0 \"\n     id=\"content-1HJvFz\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1HJvFz\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 28px;\">What results did you achieve so far?</span></h4>\n<p>&nbsp;</p>\n<p>\"We've been using Pointerpro for training for about 6 months. In that time period, we’ve seen:</p>\n<ul>\n<li>Qualitative feedback indicates that 93% of learners rate the learning as effective or very effective at increasing knowledge, 92% are more confident selling the product and 100% rated the campaign as interesting or engaging. </li>\n<li>A six percent improvement in NPS on the product in the campaign</li>\n<li>NPS is very important – we measure it to see if someone would recommend a company to others (indicator if someone is likely to advocate for them, buy cross-sale products, spend more on them, etc.).</li>\n<li>The tool has resulted in significantly reduced learning time. Time spent learning was considered a cost for the organization.\"</li>\n</ul>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-49jqz {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-49jqz {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-49jqz-container  #ffffff custom-padding \" id=\"section-49jqz\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-ov5Iu .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ov5Iu {\n        margin-top: 0rem;\n        margin-bottom: 2.8rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ov5Iu {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ov5Iu  px-0\" id=\"heading-ov5Iu\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ov5Iu\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"continuing-the-journey\"></a>\n            <h2>Continuing the journey</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-Z1JadLD p,\n    .lazyblock-content-Z1JadLD p a,\n    .lazyblock-content-Z1JadLD h1,\n    .lazyblock-content-Z1JadLD h2,\n    .lazyblock-content-Z1JadLD h3,\n    .lazyblock-content-Z1JadLD h4,\n    .lazyblock-content-Z1JadLD h5 {\n        color: ;\n    }\n\n    #content-Z1JadLD {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z1JadLD {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z1JadLD {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z1JadLD-container  px-0 \"\n     id=\"content-Z1JadLD\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z1JadLD\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 28px;\">What will the future bring?</span></h4>\n<p>&nbsp;</p>\n<p>“We will keep using Pointerpro – it’s been terrific. We are using it more and more instead of a traditional eLearning authoring tool. I’ve even started using it for the contract work I do outside of the organization.”</p>        </div>\n    </div>\n</div>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-xyxh0 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-xyxh0 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-xyxh0-container  #ffffff custom-padding \" id=\"section-xyxh0\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #section-ZkPlMD {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZkPlMD {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-ZkPlMD-container  \" id=\"section-ZkPlMD\"\n         style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-ZsQap8 {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-ZsQap8 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-ZsQap8 .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-ZsQap8 .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-ZsQap8 {\n            //padding-left: -2.8rem;\n        }\n    }\n\n    \n /*   .lazyblock-content-image-container {\n        position: relative;\n    }*/\n\n</style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-ZsQap8-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-ZsQap8\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-ZvLLaC .heading h2 {\n        color: #ffffff;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZvLLaC {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZvLLaC {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-ZvLLaC  px-0\" id=\"heading-ZvLLaC\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZvLLaC\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"create-your-own-assessment-for-free\"></a>\n            <h2>Create your own assessment <br>for free!</h2>\n        </div>\n    </div>\n</div>\n\n\n<div class=\"row lazyblock-cta w-100\">\n    <div class=\"col-lg-12 text-start\">\n        <a class=\"btn btn-primary  \" href=\"https://app.pointerpro.com/register?trial=true&amp;plan=professional\" target=\"_self\">Get started today</a>\n    </div>\n</div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-ZsQap8\" src=\"https://pointerpro.com/wp-content/uploads/PP-BANNER-GetStartedToday.png\"\n                         alt=\"\" title=\"\"/>\n                            </div>\n        </div>\n    </div>\n</div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n</script>\n            </div>\n        </div>\n    </div>\n<!-- end -->\n\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-a84yh {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-a84yh {\n        ;\n        ;\n        }\n    }\n\n        .custom-padding {\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n    }\n    @media (max-width: 1024px) {\n        .custom-padding {\n            padding-right: var(--bs-gutter-x, .75rem) !important;\n            padding-left: var(--bs-gutter-x, .75rem) !important;\n        }\n    }\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n    <div class=\"container-xl lazyblock-section lazyblock-section-a84yh-container recommended-reading-single-post-container  custom-padding \" id=\"section-a84yh\"\n    style=\"opacity: 100%; \">\n                        <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-x540R .heading h2 {\n        color: #ff7418;\n        font-size: 1.5rem;\n        line-height: 2rem !important;\n    }\n\n    #heading-x540R {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-x540R {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-x540R  px-0\" id=\"heading-x540R\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-x540R\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"recommended-reading\"></a>\n            <h2>Recommended Reading</h2>\n        </div>\n    </div>\n</div>\n\n\n<div class=\"container-md lazyblock-teasers \">\n\n    \n    \n            <div class=\"row-wrapper child row row-cols-1 row-cols-lg-2 row-cols-xl-3 grid-gutter\" id=\"content_1w1IG6\">\n                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Brand-Loyalty-6-1-4.png\" class=\"recommended-item-img\" alt=\"5 Key insights for building an effective brand loyalty questionnaire\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/blog/5-key-insights-for-building-an-effective-brand-loyalty-questionnaire/\">5 Key insights for building an effective brand loyalty questionnaire</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Measuring brand loyalty is extremely important for your long term success. Learn what...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/5-key-insights-for-building-an-effective-brand-loyalty-questionnaire/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/Scherm_afbeelding-2023-03-17-om-16.59.20-1024x597-1.png\" class=\"recommended-item-img\" alt=\"Improve your online presence: 10 key aspects to focus on for scale-up businesses\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/blog/online-presence/\">Improve your online presence: 10 key aspects to focus on for scale-up businesses</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>This post explains the important aspects of an online presence and analyzes the...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/online-presence/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/uploads/small-business-survey-growth-3-1024x573-1.png\" class=\"recommended-item-img\" alt=\"5 benefits of using business surveys\">\n                </div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https://pointerpro.com/fr/blog/small-business-survey-5-examples/\">5 benefits of using business surveys</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Discover 5 ways that business surveys can help companies better understand their customers,...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/small-business-survey-5-examples/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https://pointerpro.com/wp-content/themes/project-child/assets/img/icons/arrow-right.png\" alt=\"read more arrow\">\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n                    </div>\n                                    </div>\n\n            </div>\n\n<script>\n    jQuery(document).ready(function($) {\n        jQuery('select').select2({\n            minimumResultsForSearch: -1,\n            width: 'resolve'\n        });\n\n        $('select').on('change', function() {\n            $('#blogform').submit();\n        });\n\n        $('.sorting input[type=\"radio\"]').change(function() {\n            $('.submit input[type=\"submit\"]').click();\n        });\n\n        // Add specific class if .career-type is found within .col div\n        document.querySelectorAll('.grid-gutter > .col').forEach(function(col) {\n            if (col.querySelector('.career-type')) {\n                col.parentNode.classList.add('career-gutter');\n            }\n        });\n\n        const $searchForm = $('#blogform');\n        // Prevent form submission on Enter key press in the search input\n        $searchForm.on('keypress', '#search-blog', function(event) {\n            if (event.which === 13) {\n                event.preventDefault();\n            }\n        });\n\n        const $searchSubmit = $('.search-submit');\n        $searchSubmit.on('click', function(event) {\n            event.preventDefault();\n        });\n\n    });\n</script>\n\n\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-nhPW5 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-nhPW5 {\n        ;\n        ;\n        }\n    }\n\n    </style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #553550;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-nhPW5-container mailform-single-page-container #553550 custom-padding \" id=\"section-nhPW5\"\n    style=\"opacity: 100%; background-color: #553550;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"></div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n<div class=\"row mx-0 lazyblock-form\">\n    <div class=\"form-pretext px-0\">\n        <h2><span style=\"font-size: 36px; color: #ffffff;\">Want to know more?</span></h2>\n<p><span style=\"color: #ffffff;\">Subscribe to our newsletter and get hand-picked articles directly to your inbox</span></p>    </div>\n    <form id=\"form-Z1bUSAc\" class=\"mailchimp-form\">\n        <div class=\"row\">\n            <div class=\"col-md-7 px-0\">\n                <input type=\"email\" name=\"subscribe-email\" id=\"subscribe-email-Z1bUSAc\"\n                       class=\"form-control\" placeholder=\"E-mail\" required>\n            </div>\n            <div class=\"col-md-5\">\n                <button type=\"submit\" class=\"btn btn-primary\">Subscribe</button>\n            </div>\n        </div>\n    </form>\n    <div id=\"form-Z1bUSAc-spinner\" class=\"d-none\">\n        Please wait..\n    </div>\n    <div id=\"form-Z1bUSAc-thankyou\" class=\"d-none px-0\">\n        Your submission was successful!    </div>\n</div>\n\n<script>\n    jQuery(document).ready(function ($) {\n        $('.mailchimp-form').on('submit', function (e) {\n            e.preventDefault();\n            var blockId = $(this).attr('id').split('-')[1];\n            var emailInput = $('#subscribe-email-' + blockId);\n            var email = emailInput.val();\n            var spinner = $('#form-' + blockId + '-spinner');\n            var thankyou = $('#form-' + blockId + '-thankyou');\n\n            spinner.removeClass('d-none'); // Show the spinner message\n\n            $.ajax({\n                type: \"POST\",\n                url: 'https://pointerpro.com/fr/wp-admin/admin-ajax.php',\n                data: {\n                    action: 'subscribe_to_mailchimp',\n                    email: email,\n                    nonce: '67cc3ce6c9'\n                },\n                success: function (response) {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html(\"Your submission was successful!\");\n                },\n                error: function () {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html('There was an error, please try again.');\n                }\n            });\n        });\n    });\n</script>\n\n<style>\n    #form-Z1bUSAc-thankyou,\n    #form-Z1bUSAc-spinner {\n        color: #421f3c;\n        margin: 1rem 0 1rem;\n    }\n</style>\n\n                </div>\n        </div>\n    </div>\n</div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n","protected":false},"author":2,"featured_media":15290,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"topic":[415,416],"class_list":["post-9186","case_study","type-case_study","status-publish","has-post-thumbnail","hentry","topic-marketing","topic-questionnaire-report-tips"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/case_study/9186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/case_study"}],"about":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/types/case_study"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/users/2"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/comments?post=9186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/media/15290"}],"wp:attachment":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/media?parent=9186"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/tags?post=9186"},{"taxonomy":"topic","embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/topic?post=9186"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}