{"id":49686,"date":"2023-10-25T10:27:42","date_gmt":"2023-10-25T10:27:42","guid":{"rendered":"https:\/\/staging.totara.fortyapp.com\/?post_type=event&#038;p=49686"},"modified":"2024-08-02T21:01:50","modified_gmt":"2024-08-02T21:01:50","slug":"totara-version-18-teaser-h5p-authoring-for-cutting-edge-elearning","status":"publish","type":"event","link":"https:\/\/staging.totara.fortyapp.com\/us\/events\/totara-version-18-teaser-h5p-authoring-for-cutting-edge-elearning\/","title":{"rendered":"Totara Version 18 teaser: H5P authoring for cutting-edge elearning | Webinar on Demand"},"content":{"rendered":"\n<div class='inline-text-container MobileAlignment DesktopAlignment'>\n  <div class='richText'><p class=\"large\" dir=\"ltr\">Join us as we take a look at one of the new features coming in Totara version 18: H5P.<\/p>\n<p dir=\"ltr\">H5P allows course creators and instructional designers to create and edit interactive videos, presentations, games, and more. In this webinar, we\u2019ll look at how H5P integrates with Totara to allow you to design interactive and engaging e-learning modules with ease, making your courses more compelling and effective.<\/p>\n<p dir=\"ltr\">Whether you&#8217;re an educator, instructional designer, or training professional, this webinar will show you how you can create interactive, immersive, and personalised learning experiences for your audience directly in Totara.<\/p>\n<p dir=\"ltr\">Don&#8217;t miss this opportunity to get an exclusive look at one element of Totara version 18.<\/p>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-49692\" src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2023\/10\/community-webinar_SM-card-speaker_Totara-Version-18-teaser-1024x576.png\" alt=\"\" width=\"495\" height=\"278\" srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2023\/10\/community-webinar_SM-card-speaker_Totara-Version-18-teaser-1024x576.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2023\/10\/community-webinar_SM-card-speaker_Totara-Version-18-teaser-300x169.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2023\/10\/community-webinar_SM-card-speaker_Totara-Version-18-teaser-768x432.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2023\/10\/community-webinar_SM-card-speaker_Totara-Version-18-teaser.png 1200w\" sizes=\"auto, (max-width: 495px) 100vw, 495px\" \/><\/p>\n<p class=\"large\">This webinar has ended. Register below to watch the recording<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n  <\/div>\n<div class='newsletter-hubspot-container themeTeal padding-'>\n  <div class='wrapper'>\n    \n    <div class='content-wrapper'>\n            <div class='form-wrapper grey-background-'>\n                                    <h2 class='title '>Watch the replay<\/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: \"47aa3e43-d8f8-4c25-979e-41a4975fd249\",\n\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1775983983000-6550174698\",\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-1775983983000-6550174698\"><\/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 = 'Totara Version 18 teaser: H5P authoring for cutting-edge elearning | Webinar on Demand';\n        }\n      }\n    }, 5000);\n  });\n<\/script>","protected":false},"menu_order":66,"template":"","tax\/tags":[787,886,724,726,729,871,719],"tax\/topics":[731,727,874,808],"tax\/event-types":[820],"class_list":["post-49686","event","type-event","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/events\/49686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/events"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/types\/event"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/media?parent=49686"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/tags?post=49686"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/topics?post=49686"},{"taxonomy":"event-type","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/event-types?post=49686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}