{"id":39316,"date":"2022-11-24T21:32:30","date_gmt":"2022-11-24T21:32:30","guid":{"rendered":"https:\/\/www.totara.com\/resources\/how-to-use-gamification-to-improve-learner-engagement\/"},"modified":"2024-08-05T22:22:08","modified_gmt":"2024-08-05T22:22:08","slug":"how-to-use-gamification-to-improve-learner-engagement","status":"publish","type":"resource","link":"https:\/\/www.totara.com\/us\/resources\/how-to-use-gamification-to-improve-learner-engagement\/","title":{"rendered":"How to use gamification to improve learner engagement"},"content":{"rendered":"\n<div class='inline-text-container autoMobileAlignment autoDesktopAlignment'>\n  <div class='richText'><p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-48590 alignnone\" src=\"https:\/\/www.totara.com\/wp-content\/uploads\/2022\/11\/resource-image-gamification-guide-1.png\" alt=\"\" width=\"590\" height=\"494\" srcset=\"https:\/\/www.totara.com\/wp-content\/uploads\/2022\/11\/resource-image-gamification-guide-1.png 940w, https:\/\/www.totara.com\/wp-content\/uploads\/2022\/11\/resource-image-gamification-guide-1-300x251.png 300w, https:\/\/www.totara.com\/wp-content\/uploads\/2022\/11\/resource-image-gamification-guide-1-768x644.png 768w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p class=\"large\">Game-based learning is\u00a0the key to unlocking maximum engagement from your training content.<\/p>\n<p>Companies that have implemented game-based learning have seen collaboration increase\u00a0by over 50% and attendance rates grow by more than<strong> 20%.\u00a0<\/strong>This guide will give you insight into\u00a0how gamification\u00a0will appeal to your changing workforce and how you can use it for your diverse corporate training needs to increase <a href=\"https:\/\/www.totara.com\/us\/werden-sie-partner\/jason-miller-2\/\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"3d68574c-d393-4b0e-ba30-6223454195dc\">employee engagement<\/a>\u00a0and boost performance. You will learn:<\/p>\n<ul>\n<li>Key strategies for implementing gamification in your e-learning<\/li>\n<li>How to\u00a0add\u00a0gamified elements, rewards and challenges\u00a0to your courses.<\/li>\n<li>How to use an LMS\u00a0such as Totara Learn\u00a0to engage and motivate learners with gamified learning<\/li>\n<\/ul>\n<\/div>\n  <\/div>\n<div class='newsletter-hubspot-container theme padding-'>\n  <div class='wrapper'>\n    \n    <div class='content-wrapper'>\n            <div class='form-wrapper grey-background-'>\n                                    <h2 class='title '>Download Now<\/h2>\n                                                    <div id=\"hubspot-form-container\">\n            \n\t\t\t\t\t<script>\n\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\tportalId: 3415253,\n\t\t\t\t\t\t\t\tformId: \"436f1db9-e7f4-47ba-80e1-d8017bdf9843\",\n\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1775309771000-2428999447\",\n\t\t\t\t\t\t\t\tregion: \"na1\",\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t})});\n\t\t\t\t\t<\/script>\n\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1775309771000-2428999447\"><\/div>          <\/div>\n          <div id=\"hubspot-fallback-message\" style=\"display: none; padding: 20px; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px;\">\n            <p style=\"margin: 0; font-size: 14px;\">\n              This form may be blocked by your browser&#8217;s privacy settings (e.g., Firefox Enhanced Tracking Protection). Please email us at <a href=\"mailto:marketing@totara.com\" style=\"color: #007ab8; text-decoration: none;\">marketing@totara.com<\/a>.\n            <\/p>\n          <\/div>\n                      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/If the form has a dynamic content field for hubspot automation workflows, it will grab that ACF value and plop it inside of the embedded iframe form\n  jQuery(document).ready(function ($) {\n    let formDetected = false;\n    let fallbackShown = false;\n\n    \/\/ Function to check for HubSpot form and show fallback if needed\n    function checkForHubSpotForm() {\n      const hubspotContainer = document.getElementById('hubspot-form-container');\n      const fallbackMessage = document.getElementById('hubspot-fallback-message');\n      \n      if (!hubspotContainer || !fallbackMessage || fallbackShown) {\n        return;\n      }\n\n      \/\/ Check for various HubSpot form elements\n      const hsForm = hubspotContainer.querySelector('.hs-form');\n      const hsIframe = hubspotContainer.querySelector('.hs-form-iframe');\n      const hsScript = hubspotContainer.querySelector('script[src*=\"js.hsforms.net\"]');\n      const hasHubSpotContent = hubspotContainer.innerHTML.trim().length > 0;\n\n      if (hsForm || hsIframe || hsScript) {\n        formDetected = true;\n      } else if (hasHubSpotContent && !formDetected) {\n        \/\/ If there's content but no recognizable HubSpot elements after timeout, show fallback\n        setTimeout(function() {\n          if (!formDetected && !fallbackShown) {\n            fallbackMessage.style.display = 'block';\n            hubspotContainer.style.display = 'none';\n            fallbackShown = true;\n          }\n        }, 2000);\n      } else if (!hasHubSpotContent) {\n        \/\/ If container is completely empty, show fallback immediately\n        fallbackMessage.style.display = 'block';\n        hubspotContainer.style.display = 'none';\n        fallbackShown = true;\n      }\n    }\n\n    \/\/ Initial check\n    setTimeout(checkForHubSpotForm, 1000);\n    \n    \/\/ Additional checks at intervals\n    setTimeout(checkForHubSpotForm, 3000);\n\n    setTimeout(function() {\n      const fieldElement = document.querySelector('input[name=lead_source_description]');\n      let iframe = document.querySelector('.hs-form-iframe');\n\n      if (iframe && iframe?.contentWindow) {\n        let iframeDocument = iframe.contentWindow.document;\n        let input = iframeDocument.querySelector('input[name=lead_source_description]');\n        if (input) {\n          input.value = 'How to use gamification to improve learner engagement';\n        }\n      }\n    }, 5000);\n  });\n<\/script>","protected":false},"template":"","tax\/tags":[724,698,684,719],"tax\/solutions":[],"tax\/topics":[731,688],"tax\/industries":[],"tax\/resource-types":[824],"class_list":["post-39316","resource","type-resource","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/resources\/39316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/types\/resource"}],"wp:attachment":[{"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/media?parent=39316"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/tax\/tags?post=39316"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/tax\/solutions?post=39316"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/tax\/topics?post=39316"},{"taxonomy":"industry-tax","embeddable":true,"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/tax\/industries?post=39316"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/www.totara.com\/us\/wp-json\/wp\/v2\/tax\/resource-types?post=39316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}