CINXE.COM

impact.com Help Center

<!DOCTYPE html> <!--[if lt IE 7]><html class="no-js ie6" lang="en" dir="ltr" data-date-format="non_us"><![endif]--> <!--[if IE 7]><html class="no-js ie7" lang="en" dir="ltr" data-date-format="non_us"><![endif]--> <!--[if IE 8]><html class="no-js ie8" lang="en" dir="ltr" data-date-format="non_us"><![endif]--> <!--[if IE 9]><html class="no-js ie9" lang="en" dir="ltr" data-date-format="non_us"><![endif]--> <!--[if IE 10]><html class="no-js ie10" lang="en" dir="ltr" data-date-format="non_us"><![endif]--> <!--[if (gt IE 10)|!(IE)]><!--><html class="no-js " lang="en" dir="ltr" data-date-format="non_us"><!--<![endif]--> <head> <!-- Title for the page --> <title> impact.com Help Center </title> <!-- Meta information --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content= "" /> <meta name="author" content= "" /> <meta property="og:title" content="Support" /> <meta property="og:url" content="https://help.impact.com/en/support/solutions" /> <meta property="og:image" content="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48024749650/logo/vtXFZUL7vV9GPwAQmSL3SF24_y3nuEB55Q.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;amp;X-Amz-Credential=AKIAS6FNSMY2XLZULJPI%2F20250218%2Fus-east-1%2Fs3%2Faws4_request&amp;amp;X-Amz-Date=20250218T085255Z&amp;amp;X-Amz-Expires=604800&amp;amp;X-Amz-SignedHeaders=host&amp;amp;X-Amz-Signature=a78f940eb59123b6bb8e29e4f2d5ad28151952526df992b7901aef7ae50cc908" /> <meta property="og:site_name" content="impact.com Help Center" /> <meta property="og:type" content="article" /> <meta name="twitter:title" content="Support" /> <meta name="twitter:url" content="https://help.impact.com/en/support/solutions" /> <meta name="twitter:image" content="https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48024749650/logo/vtXFZUL7vV9GPwAQmSL3SF24_y3nuEB55Q.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;amp;X-Amz-Credential=AKIAS6FNSMY2XLZULJPI%2F20250218%2Fus-east-1%2Fs3%2Faws4_request&amp;amp;X-Amz-Date=20250218T085255Z&amp;amp;X-Amz-Expires=604800&amp;amp;X-Amz-SignedHeaders=host&amp;amp;X-Amz-Signature=a78f940eb59123b6bb8e29e4f2d5ad28151952526df992b7901aef7ae50cc908" /> <meta name="twitter:card" content="summary" /> <link rel="canonical" href="https://help.impact.com/en/support/solutions" /> <!--<link rel="canonical" href="https://help.impact.com/en/support/solutions">--> <!-- Responsive setting --> <link rel='apple-touch-icon' href='https://ibb.co/jG5tp1t' /> <link rel='apple-touch-icon' sizes='72x72' href='https://ibb.co/jG5tp1t' /> <link rel='apple-touch-icon' sizes='114x114' href='https://ibb.co/jG5tp1t' /> <link rel='apple-touch-icon' sizes='144x144' href='https://ibb.co/jG5tp1t' /> <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0' /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" /> <link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/9.10.0/styles/github.min.css" /> <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.magnific-popup/1.0.0/magnific-popup.css" /> <!-- Hotjar Tracking Code for https://impact-helpdesk.freshdesk.com/ --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3210819,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); // Pendo Snippet (function(apiKey){ (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[]; v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){ o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]); y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js'; z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo'); // This function creates visitors and accounts in Pendo pendo.initialize({ visitor: {id: '' }, account: {id: '' } }); })('5fb3ad0f-d190-4470-5b7f-de95330968e7'); // End Pendo Snippet </script> <!-- Google tag GA4 (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDPVDBTM4L"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NDPVDBTM4L'); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script type="text/javascript"> // Function to get query parameters from the URL function getQueryParams() { var queryParams = {}; var queryString = window.location.search.substring(1); var regex = /([^&=]+)=([^&]*)/g; var match; while (match = regex.exec(queryString)) { queryParams[decodeURIComponent(match[1])] = decodeURIComponent(match[2]); } return queryParams; } // Get the query parameters var params = getQueryParams(); // Check for the specific term and redirect if it matches if (params['term'] === 'impact.com-mobile-app' || params['term'] === 'impact.com-Mobile-App') { window.location.href = 'https://help.impact.com/en/support/solutions/folders/155000000611'; } </script> <!-- Adding meta tag for CSRF token --> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="Y0ULSSu6YYGgama0KImU7A2C36TkD1warzWHDCcnMPMFQvlnUcsHv/ynwAPsUUCFBHtHYuAlYwfYbNKkdORbIQ==" /> <!-- End meta tag for CSRF token --> <!-- Fav icon for portal --> <link rel='shortcut icon' href='https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48024749756/fav_icon/gnokaA-APwERKJ-I5yFqxdHaGRI1E0RomA.png' /> <!-- Base stylesheet --> <link rel="stylesheet" media="print" href="https://assets1.freshdesk.com/assets/cdn/portal_print-6e04b27f27ab27faab81f917d275d593fa892ce13150854024baaf983b3f4326.css" /> <link rel="stylesheet" media="screen" href="https://assets2.freshdesk.com/assets/cdn/falcon_portal_utils-c99ee875d3d56814e95512ce034aef83736bda6056b8f1a28dd1b142f3bc3433.css" /> <!-- Theme stylesheet --> <link href="/support/theme.css?v=3&amp;d=1740036131" media="screen" rel="stylesheet" type="text/css"> <!-- Google font url if present --> <link href='https://fonts.googleapis.com/css?family=Roboto:regular,italic,500,700,700italic' rel='stylesheet' type='text/css'> <!-- Including default portal based script framework at the top --> <script src="https://assets3.freshdesk.com/assets/cdn/portal_head_v2-36ab34a3681b18368e238876f238180a275ea33aef5344965eaf6f636dc8721b.js"></script> <!-- Including syntexhighlighter for portal --> <script src="https://assets2.freshdesk.com/assets/cdn/prism-733177846dd200c6e56035b34e8d52c5352eedcc6dc73f2dcc44a74ecd560ee2.js"></script> <!-- Access portal settings information via javascript --> <script type="text/javascript"> var portal = {"language":"en","name":"impact.com Help Center","contact_info":"","current_page_name":"portal_home","current_tab":"home","vault_service":{"url":"https://vault-service.freshworks.com/data","max_try":2,"product_name":"fd"},"current_account_id":1193120,"preferences":{"bg_color":"#ffffff","header_color":"#2d3e50","help_center_color":"#f3f5f7","footer_color":"#2d3e50","tab_color":"#ffffff","tab_hover_color":"#14b1f7","btn_background":"#f3f5f7","btn_primary_background":"#14b1f7","base_font":"Roboto","text_color":"#183247","headings_font":"Roboto","headings_color":"#183247","link_color":"#14b1f7","link_color_hover":"#14b1f7","input_focus_ring_color":"#f3f5f7","non_responsive":"false","personalized_articles":true,"nonResponsive":"false"},"image_placeholders":{"spacer":"https://assets10.freshdesk.com/assets/misc/spacer.gif","profile_thumb":"https://assets7.freshdesk.com/assets/misc/profile_blank_thumb-4a7b26415585aebbd79863bd5497100b1ea52bab8df8db7a1aecae4da879fd96.jpg","profile_medium":"https://assets10.freshdesk.com/assets/misc/profile_blank_medium-1dfbfbae68bb67de0258044a99f62e94144f1cc34efeea73e3fb85fe51bc1a2c.jpg"},"falcon_portal_theme":true}; var attachment_size = 20; var blocked_extensions = ""; </script> </head> <body> <script> var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); } } }; </script> <!-- Notification Messages --> <div class="alert alert-with-close notice" id="noticeajax" style="display:none;"></div> <div class="layout layout--anonymous"> <div class="layout__head"> <header class="topbar topbar--large topbar--with-image"> <div class="bt-container topbar__wrap" data-topbar> <div class="bt-container-inner topbar__container-inner"> <div class="topbar__inner"> <div class="topbar__col clearfix"> <div class="logo-wrapper"> <div class="logo"> <a target="_self" id="link" class="chinese japanese" href="#"> <img src="https://impact.com/wp-content/uploads/2023/04/impact.com-logo-white-01.svg" alt="impactdotcom-logo"> </a> </div> </div> <p class="help-center-name"> Help Center </p> <button type="button" role="button" aria-label="Toggle Navigation" class="lines-button x" data-toggle-menu> <span class="lines"></span> </button> </div> <div class="topbar__col topbar__menu"> <div class="topbar__collapse" data-menu> <div class="topbar__controls topbar__controls--anonymous"> <div class="topbar__search"> <form class="hc-search-form print--remove" autocomplete="off" action="/en/support/search" id="hc-search-form" data-csrf-ignore="true"> <div class="hc-search-input"> <label for="support-search-input" class="hide">Enter your search term here...</label> <input placeholder="Enter your search term here..." type="text" name="term" class="special" value="" rel="page-search" data-max-matches="10" id="support-search-input"> </div> <div class="hc-search-button"> <button class="btn btn-primary" aria-label="Search" type="submit" autocomplete="off"> <i class="mobile-icon-search hide-tablet"></i> <span class="hide-in-mobile"> Search </span> </button> </div> </form> <button type="button" role="button" class="topbar__btn-search"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24"> <g fill="none" fill-rule="evenodd" transform="translate(-6 -2)"> <circle cx="19.889" cy="11.611" r="8" stroke="#fff" stroke-width="2" transform="rotate(45 19.89 11.61)"/> <path fill="#fff" fill-rule="nonzero" d="M9.34328327,15.6566781 L11.3432833,15.6566781 L11.3432833,25.6606781 C11.3432833,26.2106781 10.8992833,26.6566781 10.3432833,26.6566781 C9.79128327,26.6566781 9.34328327,26.2116781 9.34328327,25.6606781 L9.34328327,15.6566781 Z" transform="rotate(45 10.343 21.157)"/> </g> </svg> </button> </div> <span class="btn btn-topbar" style="cursor: default;">|</span> <a class="btn btn-topbar" href="https://app.impact.com/support/portal.ihtml?createTicket=true"> Submit or View Help Requests </a> <span class="btn btn-topbar" style="cursor: default;">|</span> <a class="btn btn-topbar" href="https://integrations.impact.com/"> Developer Docs </a> <span class="btn btn-topbar" style="cursor: default;">|</span> <!-- <div class="btn btn-topbar" onmouseover="toggleDropdown()" onmouseout="toggleDropdown()"> <button id="translatorSwitchBtn" class="dropbtn"> English </button> <div id="languageDropdown" class="dropdown-content dropdown-content-small-topbar"> <button id="englishLanguageOption" class="btn btn-topbar dropdown-content button" onclick="redirectToTranslation('en')">English</button> <button id="中文LanguageOption" class="btn btn-topbar dropdown-content button" onclick="redirectToTranslation('zh-CN')">中文</button> <button id="日本語LanguageOption" class="btn btn-topbar dropdown-content button" onclick="redirectToTranslation('ja-JP')">日本語</button> </div> </div> <span class="btn btn-topbar" style="cursor: default;">|</span> --> <a class="btn btn-topbar" style="margin-top: 8px;" href="https://pxa.impact.com/student/catalog" target="_blank"> <img src="https://impact.com/wp-content/uploads/2023/09/pxa_icon5.svg" style="width: 35px;"></img></a> <!--translate--> <div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement( {pageLanguage: 'en'}, 'google_translate_element' ); } </script> <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <!--end translate--> </div> </div> </div> </div> </div> </div> <!-- Search and page links for the page --> <div class="bt-container"> <div class="hero-unit" data-hero-unit> <div class="bt-container-inner search-box search-box--hero-unit" data-search-box> <div class="intro-title">How can we help you today?</div> <form class="hc-search-form print--remove" autocomplete="off" action="/en/support/search" id="hc-search-form" data-csrf-ignore="true"> <div class="hc-search-input"> <label for="support-search-input" class="hide">Enter your search term here...</label> <input placeholder="Enter your search term here..." type="text" name="term" class="special" value="" rel="page-search" data-max-matches="10" id="support-search-input"> </div> <div class="hc-search-button"> <button class="btn btn-primary" aria-label="Search" type="submit" autocomplete="off"> <i class="mobile-icon-search hide-tablet"></i> <span class="hide-in-mobile"> Search </span> </button> </div> </form> </div> </div> </div> </header> <script type = "text/javascript"> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function toggleDropdown() { document.getElementById("languageDropdown").classList.toggle("show"); } function redirectToTranslation(languageCode) { var pathArray = window.location.pathname.split('/'); pathArray = pathArray.slice(2, pathArray.size()); var newPath = pathArray.join('/'); var newUrl = 'https://'+window.location.hostname + '/' + languageCode + '/' + newPath; window.location.replace(newUrl); } function updateLanguageDropdown() { let pathname = window.location.pathname; if (pathname.includes('/en/')) { document.getElementById("englishLanguageOption").style.display = "none"; } else if (pathname.includes('/zh-CN/')) { document.getElementById("中文LanguageOption").style.display = "none"; } else if (pathname.includes('/ja-JP/')) { document.getElementById("日本語LanguageOption").style.display = "none"; } } window.onload = updateLanguageDropdown(); // Close the dropdown menu if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } </script> <style> /* Dropdown Button */ .dropbtn { padding: 0; text-shadow: none; background-color: transparent !important; box-shadow: none; font-weight: 500; border: none; margin: 0; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; z-index: 1; width: 100%; } /* Links inside the dropdown */ .dropdown-content button { color: black; padding-top: 5px; margin: 0px; width: inherit; text-decoration: none; display: block; position: relative; background-color: #ffffff; border: none; } /* Change color of dropdown links on hover */ .dropdown-content button:hover { background-color: #2ea3f2; color: #ffffff; } /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show { display:block; } @media (max-width: 767px) { .dropdown-content-small-topbar { width: 100%; position: relative; } } </style> </div> <div class="layout__content layout__content--home"> <!-- CATEGORY TREEE --> <div class="bt-container"> <div class="bt-container-inner"> <div class="row category-tree" id="category-tree"> <!-- CUSTOM BLOCKS --> <div class="bt-container"> <div class="bt-container-inner"> <h2 class="custom-blocks-title">Not sure what to search? Tell us more about you...</h2> <p class="custom-blocks-subtitle"></p> <div class="row custom-blocks" id="custom-blocks"> <div class="column column--sm-6 column--md-4 custom-block"> <div class="custom-block__link" > <div class="custom-block__icon"> <img src="https://breezythemes.s3.us-west-2.amazonaws.com/impact/Brands.svg" alt="Brands" /> </div> <a class="custom-block__title" href="https://help.impact.com/en/support/solutions/48000454344"> I’m a Brand </a> <p> Learn how you can automate and grow your partnership program with influencers, affiliates, publishers, and more. </p> <ul class="custom-block__list"> <li> <a href="https://help.impact.com/en/support/solutions/folders/155000000999">I'm new to impact.com</a> </li> <span>|</span> <li> <a href="https://help.impact.com/en/support/solutions/folders/155000000361">Platform features</a> </li> </ul> </div> </div> <div class="column column--sm-6 column--md-4 custom-block"> <div class="custom-block__link" > <div class="custom-block__icon"> <img src="https://breezythemes.s3.us-west-2.amazonaws.com/impact/Creators.svg" alt="Partners" /> </div> <a class="custom-block__title" href="https://help.impact.com/en/support/solutions/48000454345"> I’m a Partner </a> <p>Are you a creator looking to monetize your content or a publisher wanting to build new revenue streams?</p> <ul class="custom-block__list"> <li> <a href="https://help.impact.com/en/support/solutions/folders/155000001003">I'm new to impact.com</a> </li> <span>|</span> <li> <a href="https://help.impact.com/en/support/solutions/folders/155000000418">Platform features</a> </li> </ul> </div> </div> <div class="column column--sm-6 column--md-4 custom-block"> <div class="custom-block__link" > <div class="custom-block__icon"> <img src="https://breezythemes.s3.us-west-2.amazonaws.com/impact/Agencies.svg" alt="Agencies" /> </div> <a class="custom-block__title" href="https://help.impact.com/en/support/solutions/48000453779"> I’m an Agency </a> <p>Learn how you can achieve growth for your clients and scale your agency with the impact.com partnership management platform.</p> <ul class="custom-block__list"> <li> <a href="https://help.impact.com/en/support/solutions/folders/48000680524">Brand and Partner Management</a> </li> </ul> </div> </div> <!--Reference Docs--> <div class="column column--sm-6 column--md-4 custom-block"> <div class="custom-block__link" style="height: 110px;" > <a class="custom-block__title" href="https://help.impact.com/en/support/solutions/48000454346"> Reference Documentation </a> <p>View our additional reference and other uncategorized help documentation.</p> <!--<ul class="custom-block__list"> <li> <a href="https://help.impact.com/en/support/solutions/folders/48000680524">Brand and Partner Management</a> </li> </ul>--> </div> </div> <!----> </div> </div> </div> <!-- / CUSTOM BLOCKS --> <div class="bt-container" data-home-page> <div class="bt-container-inner bt-container-inner--recent-articles"> <div class="recent-articles" id="recent-articles"> <h2 class="recent-articles__title text-center"> <svg enable-background="new 0 0 128 128" height="24" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="68.8839" cy="124.2963" gradientTransform="matrix(-1 -.00434301 -.00712592 1.6408 131.9857 -79.3452)" gradientUnits="userSpaceOnUse" r="70.587"><stop offset=".3144" stop-color="#ff9800"/><stop offset=".6616" stop-color="#ff6d00"/><stop offset=".9715" stop-color="#f44336"/></radialGradient><radialGradient id="b" cx="64.9211" cy="54.0621" gradientTransform="matrix(-.0101 .9999 .7525 .00760378 26.1538 -11.2668)" gradientUnits="userSpaceOnUse" r="73.8599"><stop offset=".2141" stop-color="#fff176"/><stop offset=".3275" stop-color="#fff27d"/><stop offset=".4868" stop-color="#fff48f"/><stop offset=".6722" stop-color="#fff7ad"/><stop offset=".7931" stop-color="#fff9c4"/><stop offset=".8221" stop-color="#fff8bd" stop-opacity=".804"/><stop offset=".8627" stop-color="#fff6ab" stop-opacity=".529"/><stop offset=".9101" stop-color="#fff38d" stop-opacity=".2088"/><stop offset=".9409" stop-color="#fff176" stop-opacity="0"/></radialGradient><path d="m35.56 40.73c-.57 6.08-.97 16.84 2.62 21.42 0 0-1.69-11.82 13.46-26.65 6.1-5.97 7.51-14.09 5.38-20.18-1.21-3.45-3.42-6.3-5.34-8.29-1.12-1.17-.26-3.1 1.37-3.03 9.86.44 25.84 3.18 32.63 20.22 2.98 7.48 3.2 15.21 1.78 23.07-.9 5.02-4.1 16.18 3.2 17.55 5.21.98 7.73-3.16 8.86-6.14.47-1.24 2.1-1.55 2.98-.56 8.8 10.01 9.55 21.8 7.73 31.95-3.52 19.62-23.39 33.9-43.13 33.9-24.66 0-44.29-14.11-49.38-39.65-2.05-10.31-1.01-30.71 14.89-45.11 1.18-1.08 3.11-.12 2.95 1.5z" fill="url(#a)"/><path d="m76.11 77.42c-9.09-11.7-5.02-25.05-2.79-30.37.3-.7-.5-1.36-1.13-.93-3.91 2.66-11.92 8.92-15.65 17.73-5.05 11.91-4.69 17.74-1.7 24.86 1.8 4.29-.29 5.2-1.34 5.36-1.02.16-1.96-.52-2.71-1.23-2.15-2.05-3.7-4.72-4.44-7.6-.16-.62-.97-.79-1.34-.28-2.8 3.87-4.25 10.08-4.32 14.47-.22 13.57 10.99 24.57 24.55 24.57 17.09 0 29.54-18.9 19.72-34.7-2.85-4.6-5.53-7.61-8.85-11.88z" fill="url(#b)"/></svg> What's new? </h2> <ul class="row articles recent-articles__list"> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/155000003400-set-up-a-custom-tracking-domain">Set Up a Custom Tracking Domain</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/48001239483-look-for-specific-types-of-partners">Look for Specific Types of Partners</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/155000004665-payment-processing-holidays-reference">Payment Processing Holidays Reference</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/48001233420-finance-explained-for-brands">Finance Explained for Brands</a> </li> </ul> </div> </div> </div> <!-- / <div class="tabs tabs--colored-2"> <div class="tabs-menu"> <p class="tabs-link desktop-tab is-active">Affiliate</p> <p class="tabs-link mobile-tab">Creator</p> <p class="tabs-link mobile-tab">Advocate</p> </div> <div class="tab desktop-tab-content"> <ul class="row articles recent-articles__list"> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027250-doc-3">Doc 3</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027249-doc-1">Doc 1</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027243-this-is-a-title">This is a title</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027247-this-is-another-title">This is another title</a> </li> </ul> </div> <div class="tab mobile-tab-content is-hidden"> <ul class="row articles recent-articles__list"> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027250-doc-3">Doc 3</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027249-doc-1">Doc 1</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027243-this-is-a-title">This is a title</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027247-this-is-another-title">This is another title</a> </li> </ul> </div> <div class="tab mobile-tab-content is-hidden"> <ul class="row articles recent-articles__list"> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027250-doc-3">Doc 3</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027249-doc-1">Doc 1</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027243-this-is-a-title">This is a title</a> </li> <li class="column column--sm-6 articles__item recent-articles-item"> <a class="articles__link" href="/en/support/solutions/articles/11000000027247-this-is-another-title">This is another title</a> </li> </ul> </div> </div>--> </div> </div> </div> <!-- / CATEGORY TREE --> <!-- CATEGORY LIST --> <!-- / CATEGORY LIST --> <style> .bt-container-inner--recent-articles { max-width: 780px; padding: 1px; } .recent-articles { margin-top: 48px; } .recent-articles__title { display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 24px; } .recent-articles__list { list-style: disc; color: #0077DB; } .recent-articles-item a { color: #0077DB; font-weight: 500; } .custom-block__link { border-radius: 8px; border: 1px solid #CACFD3; background: #FBFBFB; padding: 20px; box-shadow: none; text-align: left; position: relative; } .custom-block__link:hover { transform: none; border: 2px solid #000; } .custom-block__link:hover .custom-block__title { text-decoration: none; } .custom-block__title { font-size: 16px; font-weight: 500; color: #000; margin-bottom: 5px; } .custom-block__title:after { content: ''; position: absolute; display: block; height: 100%; width: 100%; left: 0; top: 0; } .custom-block__link p { color: #818181; font-size: 14px; font-weight: 400; margin-bottom: 36px; } .custom-block__list { display: flex; list-style: none; padding: 0; margin: 0; gap: 10px; } .custom-block__list a { color: #0077DB; font-weight: 500; position: relative; z-index: 2; } .custom-block__icon { margin-bottom: 5px; } .custom-block__icon img { height: 80px; width: auto; } .custom-blocks-title { margin-bottom: 10px; text-align: center; } .custom-blocks-subtitle { font-size: 14px; color: #818181; margin-bottom: 36px; text-align: center; } </style> </div> <div class="layout__footer"> <footer class="footer-container" data-page="portal_home"> <div class="footer-container__wrapper bt-container"> <section class="footer-submit-ticket" data-footer-submit-ticket> <h2 class="footer-submit-ticket__title"> Can't find what you're looking for? </h2> <h4 class="footer-submit-ticket__subtitle"> Let us help you right now! </h4> <a href="https://app.impact.com/support/portal.ihtml?createTicket=true" class="btn btn--default"> Submit Help Request </a> </section> <div class="bt-container-inner footer-container__inner"> <div class="footer-container__col footer-container__col--copyright"> <a href="/en/support/home"><img src="https://impact.com/wp-content/uploads/2023/04/impact.com-logo-white-01.svg" alt="impactdotcom-logo"></a> </div> <div class="footer-container__col footer-container__col--social-links"> <p><a href="https://integrations.impact.com/" target="_blank"> Developer Docs </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://pxa.impact.com/student/catalog" target="_blank"> PXA </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://impact.com/glossary/" target="_blank"> Glossary </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://impact.com/privacy-policy/" target="_blank"> Privacy Policy </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://impact.com/terms-of-use/" target="_blank"> Terms of Use </a>&nbsp;&nbsp;|&nbsp;&nbsp;© 2025 Impact Tech, Inc</p> </div> </div> </div> </footer> </div> </div> <script src="//cdn.jsdelivr.net/jquery.magnific-popup/1.0.0/jquery.magnific-popup.min.js"></script> <script src="//cdn.jsdelivr.net/highlight.js/9.10.0/highlight.min.js"></script> <script> // filter logic // Function to handle checkbox changes function handleCheckboxChange() { var searchResults = document.querySelectorAll('.search-result'); var searchFilters = document.querySelectorAll('.custom-checkbox'); var noFiltersChecked = true; searchFilters.forEach(function(filter) { if (filter.checked) { noFiltersChecked = false; } }); if (noFiltersChecked) { searchResults.forEach(function(result) { result.style.display = 'block'; }); } else { searchResults.forEach(function(result) { var tags = result.querySelector('#tags').textContent.trim(); var showItem = false; for (var i = 0; i < searchFilters.length; i++) { if (searchFilters[i].checked && tags.includes(searchFilters[i].value)) { showItem = true; break; } } if (showItem) { result.style.display = 'block'; } else { result.style.display = 'none'; } }); } var searchResults = document.querySelector(".search-results__list"); var searchResultsList = searchResults.getElementsByTagName("li"); if (searchResultsList.length > 0) { var allResultsHidden = true; for (var i = 0; i < searchResultsList.length; i++) { if (searchResultsList[i].style.display == 'block') { allResultsHidden = false; } } } var noResultsElementId = "noResultsElement"; var noResultsElement = document.getElementById(noResultsElementId); if (allResultsHidden) { if (!noResultsElement) { var newItem = document.createElement("li"); newItem.textContent = "No results found"; newItem.id = noResultsElementId searchResults.appendChild(newItem); } } else { searchResults.removeChild(document.getElementById("noResultsElement")); } } // Function to handle checkbox clicks function handleCheckboxClick(event) { var clickedCheckbox = event.target; var allCheckboxes = document.querySelectorAll('.custom-checkbox'); // If the clicked checkbox is checked if (clickedCheckbox.checked) { // Disable all checkboxes except the clicked one allCheckboxes.forEach(function(checkbox) { if (checkbox !== clickedCheckbox) { checkbox.disabled = true; } }); } else { // If the clicked checkbox is unchecked, enable all checkboxes allCheckboxes.forEach(function(checkbox) { checkbox.disabled = false; }); } } // Add click event listener to document to handle checkbox clicks document.addEventListener('click', handleCheckboxClick); var searchFilterOptions = document.querySelectorAll('.custom-checkbox'); searchFilterOptions.forEach(function(searchFilter) { searchFilter.addEventListener('click', function() { handleCheckboxChange(); }); }); (function($) { hljs.initHighlightingOnLoad(); var BT_SETTINGS = { css: { activeClass: 'is-active', hiddenClass: 'is-hidden', visibleClass: 'is-visible' } }; $('<div />', { class:'sidebar-overlay' }).appendTo('body'); $(document).on('click', '.js-sidenav-category-link', function (e) { e.preventDefault(); var $categoryItem = $(this).parents('.sidenav-category'); $categoryItem.toggleClass('is-active').siblings().removeClass('is-active'); }); $('.sidenav-subarticle.is-active').parents('.sidenav-section').addClass('is-active'); $('.sidenav-subsection.is-active').parents('.sidenav-section').addClass('is-active'); $('.sidenav-subarticle.is-active').parents('.sidenav-subsection').addClass('is-active'); $('.sidenav-subsection.is-active').parents('.sidenav-subsection').addClass('is-active'); /** To revert left nav 2nd level link redirects */ $(document).on('click', '.js-sidenav-section-link', function (e) { e.preventDefault(); var $categoryItem = $(this).parents('.sidenav-section'); $categoryItem.toggleClass('is-active').siblings().removeClass('is-active'); }); $(document).on('click', '.js-sidenav-subsection-link', function (e) { e.preventDefault(); var $categoryItem = $(this).parents('.sidenav-subsection'); $categoryItem.toggleClass('is-active').siblings().removeClass('is-active'); }); var $sidebarToggle = $(".js-sidebar-toggle, .sidebar-overlay"); $sidebarToggle.on("click", function() { $("body").toggleClass("sidenav-open"); $(".sidebar-nav").toggleClass("show"); $(".sidebar-overlay").toggleClass("active"); }); let accountType = getUrlParameter("accountType"); let actorType = getUrlParameter("actorType"); let companyId = getUrlParameter("companyId"); let programName = getUrlParameter("programName"); let programId = getUrlParameter("programId"); let appendString = ''; if(accountType) { appendString += 'accountType='+accountType; if(actorType) { appendString += '&actorType='+actorType; } } document.querySelectorAll('a').forEach(x => { if(x.href.indexOf("/support/") != -1 && x.href.indexOf("accountType") == -1){ if(x.href.indexOf("?") != -1){ x.href = x.href + "&" + appendString; } else if (appendString) { x.href = x.href + "?" + appendString; } } }); var $topbar = $('[data-topbar]'); var $topSearchBar = $('.topbar__search .hc-search-form'); var $topSearchBarQuery = $topSearchBar.find('input.special'); var $topSearchBarBtn = $('.topbar__btn-search'); $topbar.removeClass(BT_SETTINGS.css.hiddenClass); $('[data-toggle-menu]').click(function() { $(this).toggleClass(BT_SETTINGS.css.activeClass); $('[data-menu]').toggle(); }); $('.image-with-lightbox').magnificPopup({ type: 'image', closeOnContentClick: true, closeBtnInside: false, fixedContentPos: true, mainClass: 'mfp-with-zoom', // class to remove default margin from left and right side image: { verticalFit: true }, zoom: { enabled: true, duration: 300 // don't foget to change the duration also in CSS } }); $('.image-with-video-icon').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); // microlearnings $('.microlearning__item-title').on('click', function() { var $title = $(this); $title.toggleClass('microlearning__item-title--active'); $title .parents('.microlearning__item') .find('.microlearning__item-content') .slideToggle(); }); //Accordions $('.accordion__item-title').on('click', function() { var $title = $(this); $title.toggleClass('accordion__item-title--active'); $title .parents('.accordion__item') .find('.accordion__item-content') .slideToggle(); }); //Nested accordions $('.nested-accordion__item-title').on('click', function() { var $title = $(this); $title.toggleClass('nested-accordion__item-title--active'); $title .parents('.accordion__item') .find('.nested-accordion__item-content') .slideToggle(); }); // If more than one nested accordion lives within a parent accordion $('.nested-accordion__item-title-2').on('click', function() { var $title = $(this); $title.toggleClass('nested-accordion__item-title-2--active'); $title .parents('.accordion__item') .find('.nested-accordion__item-content-2') .slideToggle(); }); $('.nested-accordion__item-title-3').on('click', function() { var $title = $(this); $title.toggleClass('nested-accordion__item-title-3--active'); $title .parents('.accordion__item') .find('.nested-accordion__item-content-3') .slideToggle(); }); $('.nested-accordion__item-title-4').on('click', function() { var $title = $(this); $title.toggleClass('nested-accordion__item-title-4--active'); $title .parents('.accordion__item') .find('.nested-accordion__item-content-4') .slideToggle(); }); $('.nested-accordion__item-title-5').on('click', function() { var $title = $(this); $title.toggleClass('nested-accordion__item-title-5--active'); $title .parents('.accordion__item') .find('.nested-accordion__item-content-5') .slideToggle(); }); //Level 2 nested accordions $('.nested-2-accordion__item-title').on('click', function() { var $title = $(this); $title.toggleClass('nested-2-accordion__item-title--active'); $title .parents('.accordion__item') .find('.nested-2-accordion__item-content') .slideToggle(); }); const collapsibleItemHeaders = document.querySelectorAll(".collapsible-item-header"); collapsibleItemHeaders.forEach(collapsibleItemHeader => { collapsibleItemHeader.addEventListener("click", event => { // Uncomment in case you only want to allow for the display of only one collapsed item at a time! // const currentlyActivecollapsibleItemHeader = document.querySelector(".collapsible-item-header.active"); // if(currentlyActivecollapsibleItemHeader && currentlyActivecollapsibleItemHeader!==collapsibleItemHeader) { // currentlyActivecollapsibleItemHeader.classList.toggle("active"); // currentlyActivecollapsibleItemHeader.nextElementSibling.style.maxHeight = 0; // } collapsibleItemHeader.classList.toggle("active"); const collapsibleItemBody = collapsibleItemHeader.nextElementSibling; if(collapsibleItemHeader.classList.contains("active")) { collapsibleItemBody.style.maxHeight = collapsibleItemBody.scrollHeight + "px"; } else { collapsibleItemBody.style.maxHeight = 0; } }); }); //tabs $('.tabs-link').click(function(e) { e.preventDefault(); var $link = $(this); var tabIndex = $link.index(); var $tab = $link.parents('.tabs').find('.tab').eq(tabIndex); $link .addClass(BT_SETTINGS.css.activeClass) .siblings() .removeClass(BT_SETTINGS.css.activeClass); $tab .removeClass(BT_SETTINGS.css.hiddenClass) .siblings('.tab') .addClass(BT_SETTINGS.css.hiddenClass); }); $topSearchBarBtn.hover(function(){ $topSearchBarBtn.addClass(BT_SETTINGS.css.hiddenClass); $topSearchBar.addClass(BT_SETTINGS.css.visibleClass); $topSearchBarQuery.focus(); }); $topSearchBarBtn.click(function() { $(this).addClass(BT_SETTINGS.css.hiddenClass); $topSearchBar.addClass(BT_SETTINGS.css.visibleClass); $topSearchBarQuery.focus(); }); $(document).mouseup(function(e) { if (!$topSearchBarQuery.is(e.target)) { $topSearchBar.removeClass(BT_SETTINGS.css.visibleClass); $topSearchBarBtn.removeClass(BT_SETTINGS.css.hiddenClass); } }); // mobile tabs //when page loads $(document).ready(function() { // Check if the viewport width is below a certain threshold (e.g., 768 pixels for mobile devices) if (window.innerWidth < 768) { // Remove the "is-active" class from the tab link with the "desktop-tab" class $(".desktop-tab").removeClass("is-active"); $(".mobile-tab-content").removeClass("is-hidden"); // Add the "is-active" class to the tab link with the "mobile-tab" class $(".mobile-tab").addClass("is-active"); $(".desktop-tab-content").addClass("is-hidden"); } expandButton(); copyButton(); }); // Fix animated icons $('.fa-spin').empty(); $('.topbar__search input.special').attr('placeholder', 'Search'); $('.search-box--hero-unit input.special').attr('placeholder', 'Ask questions or search keywords here...'); //Article page: Update votes layout if($('.article-vote').length > 0){ $($('.article-vote')[0].childNodes[0]).wrap('<span class="vote-title"></span>'); $('.vote-title').text('Did you find this article helpful?'); //$('.vote-up, .vote-down-container').wrapAll('<span class="vote-btns"/>'); } })(jQuery); (function($, window, document) { ('use strict'); var Header = { init: function() { this.cacheElements(); this.bindEvents(); }, cacheElements: function () { this.$window = $(window); this.$topbar = $('[data-topbar]'); }, bindEvents: function() { $(window).on('scroll resize', this.handleScroll.bind(this)); }, handleScroll: function() { var scrolled = this.$window.scrollTop(); if (scrolled > this.$topbar.outerHeight()) { this.$topbar.addClass('topbar__wrap--scroll'); } else { this.$topbar.removeClass('topbar__wrap--scroll'); } } }; window.Header = Header; $(function() { Header.init(); }); })(jQuery, window, document); //////////////////// // Expand Accordions function expandButton() { // Check that there is an accordion on the page accordionList = jQuery( ".accordion__item-title" ); if(accordionList.length > 0) { //create the button const buttonLabel = "Expand All Sections"; let button = document.createElement("button"); button.classList.add('expand-button'); button.classList.add('expand-all'); button.innerText = buttonLabel; let expandDiv = document.createElement("div"); expandDiv.classList.add('expand-div'); expandDiv.append(button); // add the div to article__body: let article__body = document.querySelector(".expand"); article__body.insertBefore(expandDiv, article__body.firstChild); // add the button onclick event listener button.addEventListener("click", async () => { await expandClick(button); }); } } async function expandClick(button) { if (button.classList.contains('expand-all')) { expandAllAccordions(); button.innerText = 'Collapse All Sections'; button.classList.remove('expand-all'); } else { collapseAllAccordions(); button.innerText = 'Expand All Sections'; button.classList.add('expand-all'); } } function expandAllAccordions(){ expandAccordions("accordion__item-title", "accordion__item-content"); // handle nested accordions for (var i = 1; i < 99; i++) { var istring = "" if (i!=1){ istring = "-" + i } expandAccordions("nested-accordion__item-title" + istring, "nested-accordion__item-content" + istring); } } function expandAccordions(title_str, content_str){ //Select elements accordionList = jQuery( "." + title_str ); //Add active class to the title accordionList.addClass(title_str + '--active'); //find & slide the contents accordionList.parents('.accordion__item') .find("." + content_str) .slideDown(); } ////////////////////// // Collapse Accordions function collapseAllAccordions(){ collapseAccordions("accordion__item-title", "accordion__item-content"); // handle nested accordions for (var i = 1; i < 99; i++) { var istring = "" if (i!=1){ istring = "-" + i } collapseAccordions("nested-accordion__item-title" + istring, "nested-accordion__item-content" + istring); } } function collapseAccordions(title_str, content_str){ accordionList = jQuery( "." + title_str ); accordionList.removeClass(title_str + '--active'); accordionList.parents('.accordion__item') .find("." + content_str) .slideUp(); } //copy to clipboard function copyButton() { const copyButtonLabel = ""; // use a class selector if available let blocks = document.querySelectorAll(".programlisting"); blocks.forEach((block) => { // only add button if browser supports Clipboard API if (navigator.clipboard) { // Create a wrapper div let wrapper = document.createElement("div"); wrapper.classList.add('button-wrapper'); let button = document.createElement("button"); button.classList.add('copy-button'); button.innerText = copyButtonLabel; // Insert the wrapper before the first child of the block block.insertBefore(wrapper, block.firstChild); // Append the button to the wrapper wrapper.appendChild(button); button.addEventListener("click", async () => { await copyCode(block, button); }); } }); } async function copyCode(block, button) { const copyButtonLabel = ""; let copyText = block.innerText.replace(button.innerText, ""); // remove the button text await navigator.clipboard.writeText(copyText); // visual feedback that task is completed button.innerText = "Copied!"; // Reset button text after a delay setTimeout(() => { button.innerText = copyButtonLabel; }, 2000); } </script> <!--<script> // Table of content !function t(i,e,s){function o(l,h){if(!e[l]){if(!i[l]){var a="function"==typeof require&&require;if(!h&&a)return a(l,!0);if(n)return n(l,!0);var r=new Error("Cannot find module '"+l+"'");throw r.code="MODULE_NOT_FOUND",r}var c=e[l]={exports:{}};i[l][0].call(c.exports,function(t){return o(i[l][1][t]||t)},c,c.exports,t,i,e,s)}return e[l].exports}for(var n="function"==typeof require&&require,l=0;l<s.length;l++)o(s[l]);return o}({1:[function(t,i,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var s=t("./constants");var o={articleBody:"[data-article]",headers:"h1, h2, h3, h4, h5",title:"Table of contents",offsetTop:40,takeElHeight:null,animationDuration:500,showEmptyBlock:!1,isFixed:!0,changeUrl:!0,mobileBreakpoint:767,showMobile:!0,labels:"",showIfLabel:"",hideIfLabel:""},n=function(){function t(i,e,n){!function(i,e){if(!(i instanceof t))throw new TypeError("Cannot call a class as a function")}(this),this.i=i,this.options=s.$.extend({},o,n),this.$document=(0,s.$)(document),this.$window=(0,s.$)(window),this.$element=e,this.$article=(0,s.$)(this.options.articleBody),this.$takeEl=this.options.takeElHeight?(0,s.$)(this.options.takeElHeight):null,this.links=[],this.isMobile=!1,this.destroyed=!1,this.$article.length&&(this.options.showIfLabel||this.options.hideIfLabel||this.init(),this.options.showIfLabel&&this.options.labels.includes(this.options.showIfLabel)&&this.init(),this.options.hideIfLabel&&!this.options.labels.includes(this.options.hideIfLabel)&&this.init())}var i;return(i=[{key:"init",value:function(){this.$headers=this.$article.find(this.options.headers),(this.$headers.length||this.options.showEmptyBlock)&&(this.headers(),(this.links.length||this.options.showEmptyBlock)&&(this.createTableOfContents(),this.handlers()))}},{key:"headers",value:function(){var t=this;this.$headers=this.$headers.filter(function(i,e){var o=(0,s.$)(e),n=o.attr("id")||"".concat(t.titleToAnchor(o.text()),"-").concat(t.i,"-").concat(i),l=o.text().trim();return!!l.match(/[\S]+/)&&(o.attr("id",n),t.links.push({title:l,id:n,className:t.getClassName(o)}),!0)})}},{key:"createTableOfContents",value:function(){this.$article.css("position","relative"),this.$element.html('\n <div class="lt-toc">\n <div class="lt-toc--container">\n '.concat(this.options.title?'<h4 class="lt-toc--title">'.concat(this.options.title,"</h4>"):"",'\n <div class="lt-toc--current">').concat(this.links[0]?this.links[0].title:"",'</div>\n <ul class="lt-toc--list">\n ').concat(this.links.map(function(t){return'\n <li class="lt-toc--item '.concat(t.className?"lt-toc--item-"+t.className:"",'">\n <a href="#').concat(t.id,'" class="lt-toc--link"><span>').concat(t.title,"</span></a>\n </li>\n ")}).join(""),"\n </ul>\n </div>\n </div>\n ")),this.options.mobileBreakpoint&&this.options.showMobile&&(this.$mobileStart=(0,s.$)('<div class="lt-toc-mobile lt-toc-mobile_start"></div>'),this.$article.prepend(this.$mobileStart[0]),this.options.isFixed&&(this.$mobileEnd=(0,s.$)('<div class="lt-toc-mobile lt-toc-mobile_end"></div>'),this.$article.append(this.$mobileEnd[0]))),this.$toc=this.$element.find(".lt-toc"),this.$container=this.$element.find(".lt-toc--container"),this.$title=this.$element.find(".lt-toc--title"),this.$current=this.$element.find(".lt-toc--current"),this.$list=this.$element.find(".lt-toc--list"),this.$links=this.$element.find(".lt-toc--link")}},{key:"handlers",value:function(){window.location.hash&&this.scrollToActiveHeader(window.location.hash),this.handleWindowScroll(),this.handleWindowResize(),this.$links.on("click.lt.toc",this.handleClickToLink.bind(this)),this.$current.on("click.lt.toc",this.handleOpenMobileMenu.bind(this)),this.$window.on("resize.lt.toc",this.handleWindowResize.bind(this)),this.$window.on("scroll.lt.toc resize.lt.toc",this.handleWindowScroll.bind(this))}},{key:"titleToAnchor",value:function(t){return t.trim().toLowerCase().replace(/[^a-zA-Z0-9]/g," ").replace(/[\s]+/g,"-")}},{key:"changeListHeight",value:function(){var t=this.isMobile?this.$current.outerHeight():this.$title[0]?this.$title.outerHeight()+12:0,i=this.options.offsetTop+t+20;this.$list.css("max-height",window.innerHeight-i)}},{key:"getClassName",value:function(t){var i=this,e=t.attr("class"),s=e?e.split(/\s+/):[];s.push(t[0].localName);var o="";return s.forEach(function(t){if(-1!==i.options.headers.indexOf(t))return o=t,!1}),o}},{key:"scrollToActiveHeader",value:function(t){var i=this.$takeEl?this.$takeEl.innerHeight():0,e=[];if(this.$headers.each(function(i,o){o.getAttribute("id")===t.replace("#","")&&(e=(0,s.$)(o))}),e.length){if(e.parents(".accordion__item").length){var o=e.parents(".accordion__item").find(".accordion__item-title");o.hasClass("accordion__item-title--active")||(o.trigger("click"),(0,s.$)(window).trigger("resize"))}if(e.parents(".tabs").length){var n=e.parents(".tab"),l=e.parents(".tabs").find(".tabs-menu").find(".tabs-link").eq(n.index()-1);!n.hasClass("is-hidden")||(l.trigger("click"),(0,s.$)(window).trigger("resize"))}var h=e.offset().top-i-this.options.offsetTop-(this.isMobile?this.$mobileStart.innerHeight()+10:50);(0,s.$)("body,html").animate({scrollTop:h},this.options.animationDuration)}}},{key:"fixedBox",value:function(){if(!this.isMobile||this.options.showMobile){var t=this.isMobile&&this.$mobileEnd?this.$mobileEnd.innerWidth():this.$toc.innerWidth(),i=this.isMobile&&this.$mobileEnd?this.$mobileEnd.innerHeight():this.$container.innerHeight(),e=this.$takeEl?this.$takeEl.innerHeight():0,o=this.$document.scrollTop(),n=(this.isMobile?this.$mobileStart.offset().top:this.$toc.offset().top)-this.options.offsetTop-e,l=this.$article.offset().top+this.$article.innerHeight(),h=o+this.options.offsetTop+i+e;n<=o&&h<l?(this.$toc.removeClass(s.IS_BOTTOM).addClass(s.IS_FIXED),this.$container.css({position:"fixed",top:this.options.offsetTop+e,width:t})):o<n?(this.$toc.removeClass(s.IS_FIXED+" "+s.IS_BOTTOM),this.$container.removeAttr("style")):l<=h&&(this.$toc.removeClass(s.IS_FIXED).addClass(s.IS_BOTTOM),this.$container.css({position:"absolute",top:l-i-this.$toc.offset().top,width:t}))}}},{key:"changeActiveMenuItem",value:function(){if(!this.isMobile||this.options.showMobile){for(var t=this.$takeEl?this.$takeEl.innerHeight():0,i=!1,e=!1,o=null,n=0;n<this.$headers.length;n++)if(!e){var l=(0,s.$)(this.$headers[n]);l.offset().top-70<=this.$document.scrollTop()+parseInt(this.options.offsetTop||0)+1+t+(this.isMobile?this.$mobileStart.innerHeight()+10:0)?o=l:e=!0}if(o||(i=!0,o=this.$headers.eq(0)),o){var h=o.attr("id"),a=this.$links.filter('[href="#'.concat(h,'"]'));a.hasClass(s.IS_ACTIVE)||(this.$links.removeClass(s.IS_ACTIVE),a.addClass(s.IS_ACTIVE),this.$current.text(a.text()),!i&&this.options.changeUrl&&history.pushState(null,null,"#"+h))}}}},{key:"switchToDesktopVersion",value:function(){this.$toc.hasClass(s.IS_DESKTOP)||(this.isMobile=!1,this.options.showMobile&&(this.$mobileStart.removeClass(s.IS_ACTIVE),this.options.isFixed&&this.$mobileEnd.removeClass(s.IS_ACTIVE)),this.$toc.removeAttr("style").removeClass(s.IS_MOBILE).addClass(s.IS_DESKTOP),this.options.showMobile||(this.$toc.css({display:"block"}),this.handleWindowScroll()))}},{key:"switchToMobileVersion",value:function(){if(this.$toc.hasClass(s.IS_MOBILE)||(this.isMobile=!0,this.$toc.removeClass(s.IS_DESKTOP).addClass(s.IS_MOBILE),this.options.showMobile&&(this.$mobileStart.addClass(s.IS_ACTIVE),this.options.isFixed&&this.$mobileEnd.addClass(s.IS_ACTIVE))),this.options.showMobile){var t=this.$mobileStart.offset().top,i=this.$mobileStart.offset().left,e=this.$mobileStart.innerWidth();this.$toc.css({position:"absolute",top:t,left:i,width:e})}else this.$toc.css({display:"none"})}},{key:"handleClickToLink",value:function(t){t.preventDefault();var i=(0,s.$)(t.currentTarget).attr("href");this.$container.hasClass(s.IS_ACTIVE)&&(this.$container.removeClass(s.IS_ACTIVE),this.$list.slideUp(300)),this.scrollToActiveHeader(i)}},{key:"handleOpenMobileMenu",value:function(t){t.preventDefault(),this.$container.toggleClass(s.IS_ACTIVE),this.$list.slideToggle(300)}},{key:"handleWindowScroll",value:function(){this.options.isFixed&&this.fixedBox(),this.changeActiveMenuItem()}},{key:"handleWindowResize",value:function(){this.options.mobileBreakpoint&&(window.innerWidth>this.options.mobileBreakpoint?this.switchToDesktopVersion():this.switchToMobileVersion()),this.changeListHeight()}},{key:"create",value:function(i){this.destroyed||this.destroy();var e=this.$element.attr("id")||this.i;window.LS.extensions.toc[e]=new t(this.i,this.$element,i||this.$element.data("toc")||{})}},{key:"update",value:function(){this.handleWindowResize(),this.handleWindowScroll()}},{key:"destroy",value:function(){this.$links&&this.$links.off("click.lt.toc"),this.$current&&this.$current.off("click.lt.toc"),this.$window.off("scroll.lt.toc resize.lt.toc"),this.$element.html(""),this.destroyed=!0}}])&&function(t,i){for(var e=0;e<i.length;e++){var s=i[e];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}(t.prototype,i),t}();e.default=n},{"./constants":2}],2:[function(t,i,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.IS_ACTIVE=e.IS_MOBILE=e.IS_DESKTOP=e.IS_BOTTOM=e.IS_FIXED=e.$=void 0;var s=window.jQuery||window.$;e.$=s,e.IS_FIXED="lt-toc_is-fixed",e.IS_BOTTOM="lt-toc_is-bottom",e.IS_DESKTOP="lt-toc_is-desktop",e.IS_MOBILE="lt-toc_is-mobile",e.IS_ACTIVE="is-active"},{}],3:[function(t,i,e){"use strict";var s,o=t("./constants"),n=(s=t("./Toc"))&&s.__esModule?s:{default:s};function l(t,i){Object.defineProperty(t,i,{value:{},enumerable:!0})}(0,o.$)(function(){(0,o.$)("[data-toc]").each(function(t,i){var e=(0,o.$)(i),s=e.data("toc")||{},h=e.attr("id")||t;(!s.showIfLabel&&!s.hideIfLabel||s.showIfLabel&&s.labels.includes(s.showIfLabel)||s.hideIfLabel&&!s.labels.includes(s.hideIfLabel))&&(t||(0,o.$)("html").addClass("toc-enabled"),window.LS||l(window,"LS"),window.LS.extensions||l(window.LS,"extensions"),window.LS.extensions.toc||l(window.LS.extensions,"toc"),window.LS.extensions.toc[h]=new n.default(t,e,s),(0,o.$)(window).trigger("resize"))})})},{"./Toc":1,"./constants":2}]},{},[3]); </script>--> <script> // Table of Contents Script (function($) { 'use strict'; // Constants const IS_FIXED = 'lt-toc_is-fixed'; const IS_BOTTOM = 'lt-toc_is-bottom'; const IS_DESKTOP = 'lt-toc_is-desktop'; const IS_MOBILE = 'lt-toc_is-mobile'; const IS_ACTIVE = 'is-active'; // Default options const defaults = { articleBody: '[data-article]', headers: 'h1, h2, h3, h4, h5', title: 'Table of contents', offsetTop: 75, takeElHeight: null, animationDuration: 500, showEmptyBlock: false, isFixed: true, scrollThreshold: 40, // Threshold for adding the sticky class changeUrl: true, mobileBreakpoint: 767, showMobile: true, labels: '', showIfLabel: '', hideIfLabel: '' }; class TableOfContents { constructor(index, element, options) { this.index = index; this.options = $.extend({}, defaults, options); this.$element = $(element); this.$article = $(this.options.articleBody); this.$takeEl = this.options.takeElHeight ? $(this.options.takeElHeight) : null; this.links = []; this.isMobile = false; this.destroyed = false; if (this.$article.length) { this.init(); } } init() { this.$headers = this.$article.find(this.options.headers); if (this.$headers.length || this.options.showEmptyBlock) { this.processHeaders(); if (this.links.length || this.options.showEmptyBlock) { this.createTableOfContents(); this.bindEvents(); this.observeExpandButton(); // Start observing for the expand button } } } processHeaders() { this.$headers = this.$headers.filter((i, el) => { const $el = $(el); const id = $el.attr('id') || `${this.titleToAnchor($el.text())}-${this.index}-${i}`; const title = $el.text().trim(); if (title.match(/[\S]+/)) { $el.attr('id', id); this.links.push({ title: title, id: id, className: this.getClassName($el) }); return true; } return false; }); } createTableOfContents() { this.$article.css('position', 'relative'); let tocHtml = ` <div class="lt-toc"> <div class="lt-toc--container"> ${this.options.title ? `<h4 class="lt-toc--title">${this.options.title}</h4>` : ''} <ul class="lt-toc--list"> ${this.links.map(link => ` <li class="lt-toc--item ${link.className ? 'lt-toc--item-' + link.className : ''}"> <a href="#${link.id}" class="lt-toc--link"><span>${link.title}</span></a> </li> `).join('')} </ul> </div> </div> `; this.$element.html(tocHtml); // Initialize mobile elements if needed if (this.options.mobileBreakpoint && this.options.showMobile) { this.$mobileStart = $('<div class="lt-toc-mobile lt-toc-mobile_start"></div>'); this.$article.prepend(this.$mobileStart); if (this.options.isFixed) { this.$mobileEnd = $('<div class="lt-toc-mobile lt-toc-mobile_end"></div>'); this.$article.append(this.$mobileEnd); } } // Cache DOM elements this.$toc = this.$element.find('.lt-toc'); this.$container = this.$element.find('.lt-toc--container'); this.$title = this.$element.find('.lt-toc--title'); this.$current = this.$element.find('.lt-toc--current'); this.$list = this.$element.find('.lt-toc--list'); this.$links = this.$element.find('.lt-toc--link'); // **Add is-active class to the first item** this.$list.find('li:first > a').addClass('is-active'); } bindEvents() { if (window.location.hash) { this.scrollToActiveHeader(window.location.hash); } this.handleWindowScroll(); this.handleWindowResize(); this.$links.on('click.lt.toc', this.handleClickToLink.bind(this)); this.$current.on('click.lt.toc', this.handleOpenMobileMenu.bind(this)); $(window).on('resize.lt.toc', this.handleWindowResize.bind(this)); $(window).on('scroll.lt.toc resize.lt.toc', this.handleWindowScroll.bind(this)); } titleToAnchor(title) { return title.trim().toLowerCase().replace(/[^a-zA-Z0-9]/g, ' ').replace(/[\s]+/g, '-'); } getClassName($el) { const classes = $el.attr('class') ? $el.attr('class').split(/\s+/) : []; classes.push($el[0].localName); return classes.find(className => this.options.headers.indexOf(className) !== -1) || ''; } handleClickToLink(e) { e.preventDefault(); // Prevent the default link behavior const href = $(e.currentTarget).attr('href'); // Get the href (e.g., #this-is-a-title) // Scroll to the section this.scrollToActiveHeader(href); // Update the URL hash without reloading the page if (this.options.changeUrl) { if (history.pushState) { history.pushState(null, null, href); // Update the URL hash (modern browsers) } else { window.location.hash = href; // Fallback for older browsers } } } handleOpenMobileMenu(e) { e.preventDefault(); this.$container.toggleClass(IS_ACTIVE); this.$list.slideToggle(300); } handleWindowScroll() { if (this.options.isFixed) { this.fixedBox(); // Keep the existing functionality to manage the ToC's fixed positioning } // Add logic to apply sticky class when the scroll exceeds the threshold const scrollPosition = $(window).scrollTop(); const threshold = this.options.scrollThreshold; if (scrollPosition > threshold) { this.$toc.addClass('is-sticky'); // Add the sticky class } else { this.$toc.removeClass('is-sticky'); // Remove the sticky class if below threshold } this.changeActiveMenuItem(); // Keep the existing functionality to update active menu item } handleWindowResize() { if (this.options.mobileBreakpoint) { if (window.innerWidth > this.options.mobileBreakpoint) { this.switchToDesktopVersion(); } else { this.switchToMobileVersion(); } } this.changeListHeight(); } scrollToActiveHeader(hash) { const $target = $(hash); // Find the target element by hash (ID) if ($target.length) { const offset = this.options.offsetTop || 0; // Offset in case there's a fixed header $('html, body').animate({ scrollTop: $target.offset().top - offset // Scroll to the element }, this.options.animationDuration); } } fixedBox() { // Implementation for fixing the ToC box // ... } changeActiveMenuItem() { const scrollPosition = $(window).scrollTop(); // Get current scroll position const offset = this.options.offsetTop || 0; // Offset for sticky headers let currentSection = null; // Loop through each header and find the one that's currently in view this.$headers.each((i, header) => { const $header = $(header); const headerOffset = $header.offset().top - offset; if (scrollPosition >= headerOffset - 10) { // Adding a small tolerance of 10px currentSection = header; } }); // If a section is found, highlight the corresponding ToC link if (currentSection) { const currentId = $(currentSection).attr('id'); // Remove active class from all links this.$links.removeClass('is-active'); // Find the ToC link with a matching href and add the active class this.$links.filter(`[href="#${currentId}"]`).addClass('is-active'); } } observeExpandButton() { // Monitor the entire body for dynamically added elements const targetNode = document.body; // Observe the body for changes const config = { childList: true, subtree: true }; // Listen for additions in the DOM const callback = (mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach((node) => { if (node.nodeType === 1 && node.matches('.expand-button.expand-all')) { console.log('Expand button detected, adding class to ToC...'); this.handleExpandButtonPresence(true); // Adjust ToC when button is present } }); } } }; // Create a MutationObserver to detect when the expand button is added const observer = new MutationObserver(callback); observer.observe(targetNode, config); // Initial check in case the button already exists const expandButton = document.querySelector('.expand-button.expand-all'); if (expandButton) { console.log('Expand button already present, adding class to ToC...'); this.handleExpandButtonPresence(true); } } // Handle ToC adjustment when the Expand Button is present handleExpandButtonPresence(isPresent) { const $toc = this.$element.find('.lt-toc'); if (isPresent) { $toc.addClass('toc-with-expand-button'); // Add class to adjust position console.log('Class added: toc-with-expand-button'); } else { $toc.removeClass('toc-with-expand-button'); console.log('Class removed: toc-with-expand-button'); } } switchToDesktopVersion() { // Show the ToC on desktop view by removing the hidden class const $toc = this.$element.find('.lt-toc'); $toc.removeClass('is-hidden'); // Show ToC on desktop this.isMobile = false; } switchToMobileVersion() { // Hide the ToC on mobile view by adding a hidden class const $toc = this.$element.find('.lt-toc'); $toc.addClass('is-hidden'); // Hide ToC on mobile this.isMobile = true; } changeListHeight() { const titleHeight = this.isMobile ? this.$current.outerHeight() : (this.$title[0] ? this.$title.outerHeight() + 12 : 0); const maxHeight = window.innerHeight - (this.options.offsetTop + titleHeight + 20); this.$list.css('max-height', maxHeight); } update() { this.handleWindowResize(); this.handleWindowScroll(); } destroy() { if (this.$links) this.$links.off('click.lt.toc'); if (this.$current) this.$current.off('click.lt.toc'); $(window).off('scroll.lt.toc resize.lt.toc'); this.$element.html(''); this.destroyed = true; } } // Initialize ToC on elements with [data-toc] attribute $(function() { $('[data-toc]').each(function(index, element) { const $element = $(element); const options = $element.data('toc') || {}; const id = $element.attr('id') || index; if (shouldInitialize(options)) { if (index === 0) { $('html').addClass('toc-enabled'); } window.LS = window.LS || {}; window.LS.extensions = window.LS.extensions || {}; window.LS.extensions.toc = window.LS.extensions.toc || {}; window.LS.extensions.toc[id] = new TableOfContents(index, $element, options); $(window).trigger('resize'); } }); }); function shouldInitialize(options) { return (!options.showIfLabel && !options.hideIfLabel) || (options.showIfLabel && options.labels.includes(options.showIfLabel)) || (options.hideIfLabel && !options.labels.includes(options.hideIfLabel)); } })(window.jQuery || window.$); // Function to add a unique class if a specific div is present function addUniqueClassIfPresent() { const specificDiv = document.querySelector('.expand-div'); // Change the selector to your specific div const resultDivs = document.querySelectorAll('.lt-toc.is-sticky'); // Select all result divs if (specificDiv) { resultDivs.forEach(resultDiv => { resultDiv.classList.add('has-expand'); // Add unique class if the specific div is present }); } } // Call the function addUniqueClassIfPresent(); </script> <script> (function() { var event = new CustomEvent( 'exceedWidget.render', { detail: { exceedDomain: "https://pxa.impact.com/student/collection/1205673-brand-learning-paths?sid_i=0" } } ); document.dispatchEvent(event); })() </script> <script> </script> <script> </script> <script> // Mobile help docs redirect function mobileHome(x) { if (x.matches) { // If media query matches document.getElementById("link").setAttribute("href","https://help.impact.com/en/support/search?term=impact.com-mobile-app"); } else { document.getElementById("link").setAttribute("href","https://help.impact.com/en/support/home"); } } var x = window.matchMedia("(max-width: 700px)") mobileHome(x) // Call listener function at run time // chinese and japanese help docs redirect function checkLanguage(chineseIndex, japaneseIndex) { if (chineseIndex >=0){ document.getElementsByClassName("chinese")[0].setAttribute("href","https://help.impact.com/zh-CN/support/home"); } else if (japaneseIndex >=0){ document.getElementsByClassName("japanese")[0].setAttribute("href","https://help.impact.com/ja-JP/support/home"); } else { document.getElementById("link").setAttribute("href","https://help.impact.com/en/support/home"); } } var japaneseIndex = location.href.indexOf('ja-JP'); var chineseIndex = location.href.indexOf('zh-CN'); checkLanguage(chineseIndex, japaneseIndex) // Call listener function at run time </script> <!--img lightbox--> <script> const lightbox = document.createElement('div') lightbox.id = 'lightbox' document.body.appendChild(lightbox) const images = document.querySelectorAll('.mediaobject img') images.forEach(image => { image.addEventListener('click', e => { lightbox.classList.add('active') const img = document.createElement('img') img.src = image.src while (lightbox.firstChild) { lightbox.removeChild(lightbox.firstChild) } lightbox.appendChild(img) }) }) lightbox.addEventListener('click', e => { //if (e.target !== e.currentTarget) return lightbox.classList.remove('active'); }) </script> <!--<script> const tooltip = ['0s']; //let cnt = 1; document.getElementsByClassName("tooltiptext")[0].addEventListener('click', function() { // if (cnt >= tooltip.length) cnt = 0; // reset this.style.transition = tooltip; // cnt++; }) </script>--> <!--sticky filter panel--> <script> // Get the elements with the class 'box' const boxes = document.getElementsByClassName('search-results-sidebar'); let isScrolledToTop = true; // Flag to track if scrolled to top // Add an event listener for mouse wheel event window.addEventListener('wheel', function(event) { // Check if the user scrolled up or down if (event.deltaY > 5) { // Scrolled down, increase padding for all boxes for (let i = 0; i < boxes.length; i++) { boxes[i].classList.add('filter-scroll'); } isScrolledToTop = false; // Not scrolled to top anymore } else { // Scrolled up if (window.scrollY === 0) { // If scrolled to top, decrease padding for all boxes for (let i = 0; i < boxes.length; i++) { boxes[i].classList.remove('filter-scroll'); } isScrolledToTop = true; // Flag as scrolled to top } } }); </script> <!--filter tags exception list--> <script> // Get all span elements by their class name var spanElements = document.getElementsByClassName("doc__tags"); // Iterate through each span element Array.from(spanElements).forEach(function(spanElement) { // Get the text content of the span element var textContent = spanElement.textContent; // Split the text content into an array of words var words = textContent.split(" "); // Clear the existing content of the span element spanElement.innerHTML = ""; // Iterate through each word and wrap it in a span with the desired class words.forEach(function(word) { var span = document.createElement("span"); span.textContent = word + " "; // Add a space after each word if (word.trim() === "advocate") { span.classList.add("advocate-tag"); // Advocate } else if (word.trim() === "affiliate") { span.classList.add("affiliate-tag"); // Affiliate/Performance } else if (word.trim() === "Creator") { span.classList.add("creator-tag"); // Creator } else if (word.trim() === "Campaigns") { span.classList.add("creatorCampaign-tag"); // Partner Creator } else if (word.trim() === "mobileApp") { span.classList.add("mobile-tag"); // Mobile app } else if (word.trim() === "Branded_Portal") { span.classList.add("portal-tag"); // Branded Portal } else if (word.trim() === "onboarding") { span.classList.add("onboarding-tag"); // Onboarding } else { span.classList.add("hidden-tags"); } spanElement.appendChild(span); }); }); // Hide the underscore for multiple words in tags document.querySelectorAll('.portal-tag').forEach(element => { element.textContent = element.textContent.replace(/_/g, ' '); }); //Mobile App formatting document.querySelectorAll('.mobile-tag').forEach(element => { // Capitalize the first letter and insert space before capital letters element.textContent = element.textContent .replace(/([a-z])([A-Z])/g, '$1 $2') // Add space before capital letters .replace(/^./, str => str.toUpperCase()); // Capitalize the first letter }); </script> <!--show/hide filter on mobile--> <script> function addClassAtCertainDimension() { var screenWidth = window.innerWidth; var sidebar = document.querySelector('.search-results-sidebar'); if (screenWidth <= 768) { sidebar.classList.add('mobile-filter'); // Add class if screen width is 768px or less } else { sidebar.classList.remove('mobile-filter'); // Remove class if screen width is more than 768px } } window.addEventListener('resize', function() { addClassAtCertainDimension(); // Call the function when the window is resized }); document.addEventListener('DOMContentLoaded', function() { addClassAtCertainDimension(); // Call the function when the page is loaded }); </script> <script> function toggleSmallScreenClass() { var body = document.body; body.classList.toggle('mobile-filter'); // Toggle the small-screen class on the body } document.getElementById('toggleButton').addEventListener('click', function() { toggleSmallScreenClass(); // Call the function when the button is clicked this.classList.toggle('active'); // Toggle the active class on the button }); </script> <script> // JavaScript code to hide the filter for mobile docs window.addEventListener('DOMContentLoaded', function() { // Define the URL you want to match against var urlToMatch = 'https://help.impact.com/en/support/search?term=impact.com-mobile-app&'; // Get the current URL var currentUrl = window.location.href; // Check if the current URL matches the URL to hide the div if (currentUrl === urlToMatch) { // If it matches, hide the div var elementsToHide = document.getElementsByClassName('search-results-sidebar'); for (var i = 0; i < elementsToHide.length; i++) { elementsToHide[i].classList.add('hidden'); } } }); </script> <script> // Wrap the script in a function function initializeScript() { // Get all elements with the class "expand-button" var targetExpand = document.querySelectorAll('.expand-button'); // Check if any element with the class "expand-button" is present var targetExpandPresent = targetExpand.length > 0; // Get reference to the main div var TocDiv = document.querySelector('.article-sidebar'); // Changed to querySelector and added dot // If the target div is present, add a class to the main div if (targetExpandPresent) { TocDiv.classList.add('toc-expand'); } } // Call the function when the document is ready document.addEventListener("DOMContentLoaded", function() { initializeScript(); }); </script> <script> // Add an event listener for scroll event window.addEventListener('scroll', function() { // Get all elements with the class 'expand-button' const expandButtons = document.querySelectorAll('.expand-button'); // Check if any element with the class 'expand-button' is present if (expandButtons.length > 0) { // Define the scroll threshold (in pixels) const scrollThreshold = 40; // Adjust this value as needed // Loop through each expand button expandButtons.forEach(function(button) { // Check if the page has been scrolled vertically beyond the threshold if (window.scrollY > scrollThreshold) { // Apply a class when the page is scrolled beyond the threshold button.classList.add('expand-scroll'); } else { // Remove the class when the page is within the threshold button.classList.remove('expand-scroll'); } }); } }); </script> <script> // mobile indicator // Get the meta tag element const metaKeywordsTag = document.querySelector('meta[name="keywords"]'); // Initially hide both divs document.getElementById('mobileDiv').style.display = 'none'; document.getElementById('desktopDiv').style.display = 'none'; if (metaKeywordsTag) { // Get the content of the meta tag const metaKeywords = metaKeywordsTag.getAttribute('content'); // Check if the keyword "mobileApp" is present if (metaKeywords.includes('mobileApp')) { const mobileElement = document.querySelector('p.desktop'); if (mobileElement && mobileElement.dataset.id) { // If found and data-id is present, display the div document.getElementById('mobileDiv').style.display = 'block'; } } // Check if the keyword "desktop" is present if (metaKeywords.includes('desktop')) { const desktopElement = document.querySelector('p.mobile'); if (desktopElement && desktopElement.dataset.id) { // If found and data-id is present, display the div document.getElementById('desktopDiv').style.display = 'block'; } } } else { // If the meta tag is not present, log an error console.error('Meta tag with name "keywords" is not present.'); } // Handle the click event function handleClick() { const mobileElement = document.querySelector('p.mobile'); const desktopElement = document.querySelector('p.desktop'); let id; if (mobileElement && mobileElement.dataset.id) { id = mobileElement.dataset.id; } else if (desktopElement && desktopElement.dataset.id) { id = desktopElement.dataset.id; } if (id) { const baseUrl = 'https://help.impact.com/en/support/solutions/articles/'; window.location.href = baseUrl + id; } else { console.error('Neither mobile nor desktop element with a valid data-id found.'); } } </script> <script> document.addEventListener('DOMContentLoaded', function() { // Select all anchor elements with class "link external" const anchors = document.querySelectorAll('a.link.external'); // Loop through each anchor and replace it with a resizable iframe anchors.forEach(anchor => { // Create the iframe element const iframe = document.createElement('iframe'); iframe.src = anchor.href; // Create a wrapper div to make it resizable const wrapper = document.createElement('div'); wrapper.classList.add('iframe-wrapper'); // Add iframe inside the wrapper wrapper.appendChild(iframe); // Replace the anchor with the wrapper containing the iframe anchor.parentNode.replaceChild(wrapper, anchor); }); }); </script> <script> //Related articles document.addEventListener('DOMContentLoaded', function() { // Get the related-articles div const relatedArticlesDiv = document.querySelector('.related-articles'); // Get the lt-toc lt-toc_is-desktop div const ltTocDiv = document.querySelector('.lt-toc'); // Define the scroll threshold (adjust as needed) const scrollThreshold = 40; // Change this value based on where you want them to become sticky // Function to calculate the margin-top based on the number of TOC items function calculateMarginTop() { if (ltTocDiv) { // Get all <li> items within the TOC const tocItems = ltTocDiv.querySelectorAll('li'); const itemCount = tocItems.length; // Define margin-top values based on the number of <li> items let marginTop; switch (itemCount) { case 1: marginTop = '65px'; break; case 2: marginTop = '80px'; break; case 3: marginTop = '125px'; break; case 4: marginTop = '175px'; break; case 5: marginTop = '215px'; break; case 6: marginTop = '230px'; break; case 7: marginTop = '400px'; break; default: marginTop = '90px'; // Default value for more than 4 items break; } return marginTop; } return '-80px'; // Default margin if TOC is not present } // Add an event listener for the scroll event window.addEventListener('scroll', function() { // Check if the related-articles div exists if (relatedArticlesDiv) { if (window.scrollY > scrollThreshold) { relatedArticlesDiv.classList.add('sticky'); // Calculate and set margin-top based on the number of TOC items relatedArticlesDiv.style.marginTop = calculateMarginTop(); } else { relatedArticlesDiv.classList.remove('sticky'); relatedArticlesDiv.style.marginTop = ''; // Reset margin-top when not sticky } } }); }); </script> <script> // Run the script once the DOM content is fully loaded document.addEventListener('DOMContentLoaded', () => { // Check if the .expand-div element is present const expandDivExists = document.querySelector('.expand-div') !== null; // Check if <div data-toc> exists and has child content const dataTocElement = document.querySelector('div[data-toc]'); const dataTocIsEmpty = dataTocElement ? dataTocElement.children.length === 0 : true; // Get the <hr> inside <div class="related-articles"> const hrElement = document.querySelector('.related-articles hr'); // Hide the <hr> only if .expand-div does not exist and <div data-toc> has no child content if (hrElement && !expandDivExists && dataTocIsEmpty) { hrElement.style.display = 'none'; } else if (hrElement) { hrElement.style.display = 'block'; // Ensure <hr> is visible if conditions are not met } }); </script> <script src="https://assets1.freshdesk.com/assets/cdn/portal_bottom-b13f0ef6352d3ae3936782ceb4fed0eaa1daf148bfc7776df3256680ae6aa1b6.js"></script> <script src="https://assets1.freshdesk.com/assets/cdn/redactor-10a54c9b6ce9a442c8a2e6a131947e0d106a4af7c5b98360494520fc5245be28.js"></script> <script src="https://assets6.freshdesk.com/assets/cdn/lang/en-4a75f878b88f0e355c2d9c4c8856e16e0e8e74807c9787aaba7ef13f18c8d691.js"></script> <!-- for i18n-js translations --> <script src="https://assets1.freshdesk.com/assets/cdn/i18n/portal/en-89d70c1cfc14e8bfd1100be59d517490352cdbdeb82858862f30e630a2a10c2a.js"></script> <!-- Including default portal based script at the bottom --> <script> //<![CDATA[ jQuery(document).ready(function() { // Setting the locale for moment js moment.lang('en'); var validation_meassages = {"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date ( ISO ).","number":"Please enter a valid number.","digits":"Please enter only digits.","creditcard":"Please enter a valid credit card number.","equalTo":"Please enter the same value again.","two_decimal_place_warning":"Value cannot have more than 2 decimal digits","select2_minimum_limit":"Please type %{char_count} or more letters","select2_maximum_limit":"You can only select %{limit} %{container}","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","select2_maximum_limit_jq":"You can only select {0} {1}","facebook_limit_exceed":"Your Facebook reply was over 8000 characters. You'll have to be more clever.","messenger_limit_exceeded":"Oops! You have exceeded Messenger Platform's character limit. Please modify your response.","not_equal_to":"This element should not be equal to","email_address_invalid":"One or more email addresses are invalid.","twitter_limit_exceed":"Oops! You have exceeded Twitter's character limit. You'll have to modify your response.","password_does_not_match":"The passwords don't match. Please try again.","valid_hours":"Please enter a valid hours.","reply_limit_exceed":"Your reply was over 2000 characters. You'll have to be more clever.","url_format":"Invalid URL format","url_without_slash":"Please enter a valid URL without '/'","link_back_url":"Please enter a valid linkback URL","requester_validation":"Please enter a valid requester details or <a href=\"#\" id=\"add_requester_btn_proxy\">add new requester.</a>","agent_validation":"Please enter valid agent details","email_or_phone":"Please enter a Email or Phone Number","upload_mb_limit":"Upload exceeds the available 15MB limit","invalid_image":"Invalid image format","atleast_one_role":"At least one role is required for the agent","invalid_time":"Invalid time.","remote_fail":"Remote validation failed","trim_spaces":"Auto trim of leading & trailing whitespace","hex_color_invalid":"Please enter a valid hex color value.","name_duplication":"The name already exists.","invalid_value":"Invalid value","invalid_regex":"Invalid Regular Expression","same_folder":"Cannot move to the same folder.","maxlength_255":"Please enter less than 255 characters","decimal_digit_valid":"Value cannot have more than 2 decimal digits","atleast_one_field":"Please fill at least {0} of these fields.","atleast_one_portal":"Select atleast one portal.","custom_header":"Please type custom header in the format - header : value","same_password":"Should be same as Password","select2_no_match":"No matching %{container} found","integration_no_match":"no matching data...","time":"Please enter a valid time","valid_contact":"Please add a valid contact","field_invalid":"This field is invalid","select_atleast_one":"Select at least one option."} jQuery.extend(jQuery.validator.messages, validation_meassages ); jQuery(".call_duration").each(function () { var format,time; if (jQuery(this).data("time") === undefined) { return; } if(jQuery(this).hasClass('freshcaller')){ return; } time = jQuery(this).data("time"); if (time>=3600) { format = "hh:mm:ss"; } else { format = "mm:ss"; } jQuery(this).html(time.toTime(format)); }); }); // Shortcuts variables var Shortcuts = {"global":{"help":"?","save":"mod+return","cancel":"esc","search":"/","status_dialog":"mod+alt+return","save_cuctomization":"mod+shift+s"},"app_nav":{"dashboard":"g d","tickets":"g t","social":"g e","solutions":"g s","forums":"g f","customers":"g c","reports":"g r","admin":"g a","ticket_new":"g n","compose_email":"g m"},"pagination":{"previous":"alt+left","next":"alt+right","alt_previous":"j","alt_next":"k"},"ticket_list":{"ticket_show":"return","select":"x","select_all":"shift+x","search_view":"v","show_description":"space","unwatch":"w","delete":"#","pickup":"@","spam":"!","close":"~","silent_close":"alt+shift+`","undo":"z","reply":"r","forward":"f","add_note":"n","scenario":"s"},"ticket_detail":{"toggle_watcher":"w","reply":"r","forward":"f","add_note":"n","close":"~","silent_close":"alt+shift+`","add_time":"m","spam":"!","delete":"#","show_activities_toggle":"}","properties":"p","expand":"]","undo":"z","select_watcher":"shift+w","go_to_next":["j","down"],"go_to_previous":["k","up"],"scenario":"s","pickup":"@","collaboration":"d"},"social_stream":{"search":"s","go_to_next":["j","down"],"go_to_previous":["k","up"],"open_stream":["space","return"],"close":"esc","reply":"r","retweet":"shift+r"},"portal_customizations":{"preview":"mod+shift+p"},"discussions":{"toggle_following":"w","add_follower":"shift+w","reply_topic":"r"}}; // Date formats var DATE_FORMATS = {"non_us":{"moment_date_with_week":"ddd, D MMM, YYYY","datepicker":"d M, yy","datepicker_escaped":"d M yy","datepicker_full_date":"D, d M, yy","mediumDate":"d MMM, yyyy"},"us":{"moment_date_with_week":"ddd, MMM D, YYYY","datepicker":"M d, yy","datepicker_escaped":"M d yy","datepicker_full_date":"D, M d, yy","mediumDate":"MMM d, yyyy"}}; var lang = { loadingText: "Please Wait...", viewAllTickets: "View all tickets" }; //]]> </script> <script type="text/javascript"> I18n.defaultLocale = "en"; I18n.locale = "en"; </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10