{"id":39230,"date":"2022-11-24T21:32:31","date_gmt":"2022-11-24T21:32:31","guid":{"rendered":"https:\/\/staging.totara.fortyapp.com\/resources\/how-to-integrate-an-lms-and-an-lxp\/"},"modified":"2024-08-02T21:06:15","modified_gmt":"2024-08-02T21:06:15","slug":"how-to-integrate-an-lms-and-an-lxp","status":"publish","type":"resource","link":"https:\/\/staging.totara.fortyapp.com\/us\/resources\/how-to-integrate-an-lms-and-an-lxp\/","title":{"rendered":"How to integrate an LMS and an LXP"},"content":{"rendered":"\n<div class='inline-text-container MobileAlignment DesktopAlignment'>\n  <div class='richText'><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-39260\" src=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image-300x212.png\" alt=\"\" width=\"300\" height=\"212\" srcset=\"https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image-300x212.png 300w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image-1024x724.png 1024w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image-768x543.png 768w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image-1536x1087.png 1536w, https:\/\/staging.totara.fortyapp.com\/wp-content\/uploads\/2022\/11\/How-to-intergrate-promotional-image.png 1675w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"large\">Having both formal and informal learning within the same platform is key to not only driving learner engagement, but also upping your training adoption. That&#8217;s why you need a learning experience platform (LXP) as well as your learning management system (LMS)<\/p>\n<p>This guide provides step-by-step instructions on how to integrate a Learning Management System (LMS) with a Learning Experience Platform (LXP). The integration will allow for seamless communication between the two systems, enabling users to access and track their learning progress across both platforms.Integrating your LMS with an LXP ensures you can keep formal learning fresh and at the front of learners&#8217; minds with informal content, and you can surface learning to keep engagement rates high.In this guide, you will discover:<\/p>\n<ul>\n<li>How to support learners enrolled in formal courses with informal learning<\/li>\n<li>How to make it easier to find the right content<\/li>\n<li>How to supplement your learning with external content<\/li>\n<li>How to facilitate learning in the flow of work<\/li>\n<li>How to enhance knowledge transfer across the organizatio<\/li>\n<li>How to obtain richer insights into learner engagement with data and reporting<\/li>\n<\/ul>\n<p><em>Suggested read:\u00a0<a href=\"https:\/\/staging.totara.fortyapp.com\/articles\/lms-vs-lxp-which-learning-platform-do-you-need\/\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"10a93b86-e607-40c1-9f7f-d882246420fd\">LMS vs LXP: Which one do you really need?<\/a><\/em><\/p>\n<\/div>\n  <\/div>\n<div class='newsletter-hubspot-container themePurple padding-'>\n  <div class='wrapper'>\n    \n    <div class='content-wrapper'>\n            <div class='form-wrapper grey-background-'>\n                                    <h2 class='title '>Download your copy<\/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-1775978140000-4653012029\",\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-1775978140000-4653012029\"><\/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 integrate an LMS and an LXP';\n        }\n      }\n    }, 5000);\n  });\n<\/script>","protected":false},"template":"","tax\/tags":[724,684,719,720,730],"tax\/solutions":[778],"tax\/topics":[731,688],"tax\/industries":[],"tax\/resource-types":[824],"class_list":["post-39230","resource","type-resource","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/resources\/39230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/resources"}],"about":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/types\/resource"}],"wp:attachment":[{"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/media?parent=39230"}],"wp:term":[{"taxonomy":"tag","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/tags?post=39230"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/solutions?post=39230"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/topics?post=39230"},{"taxonomy":"industry-tax","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/industries?post=39230"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/staging.totara.fortyapp.com\/us\/wp-json\/wp\/v2\/tax\/resource-types?post=39230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}