/** * Custom Menu Link — "Intake" * Adds an "Intake" item under the "Business & Operations" section of the * High Level Worx client portal sidebar (member.highlevelworx.com). * * WHERE TO PASTE THIS: * GoHighLevel sub-account → Client Portal → Settings/Builder → Custom * JavaScript (the field is usually named "Custom JS" or "Custom Code - * JavaScript"). Paste the matching CSS block (intake-menu-link.css) into * the neighboring "Custom CSS" field. * * HOW IT WORKS: * The portal is a client-side rendered app (Nuxt/Vue), so the sidebar * doesn't exist in the raw HTML — it's built by JavaScript after the page * loads, and can be re-rendered on navigation. This script: * 1. Polls until the "Business & Operations" section appears. * 2. Inserts a new "Intake" link styled to match the native items. * 3. Watches the sidebar with a MutationObserver and re-adds the link * if the app ever re-renders that section without it. */ (function () { "use strict"; // --------------------------------------------------------------------- // CONFIG — edit these two lines // --------------------------------------------------------------------- var INTAKE_URL = "https://REPLACE-WITH-YOUR-INTAKE-FORM-URL"; // <-- put your intake form link here var OPEN_IN_NEW_TAB = true; // false = navigate in the same tab // --------------------------------------------------------------------- var SECTION_LABEL = "business & operations"; var LINK_LABEL = "Intake"; var MARKER_ATTR = "data-hlw-custom"; var MARKER_VALUE = "intake-link"; // Clipboard/intake icon, sized to match the native 16x16 sidebar icons. var ICON_SVG = '"; function findSectionItemsContainer() { var headers = document.querySelectorAll( ".app-sidebar-group p, .app-sidebar-group .hr-text" ); for (var i = 0; i < headers.length; i++) { var text = (headers[i].textContent || "").trim().toLowerCase(); if (text.indexOf(SECTION_LABEL) !== -1) { var group = headers[i].closest(".app-sidebar-group"); if (group) { var container = group.querySelector(".items-container"); if (container) return container; } } } return null; } function buildIntakeItem() { var wrapper = document.createElement("div"); wrapper.className = "selectable-list-item cursor-pointer hover:bg-sidebar-hover text-700 rounded-md hlw-intake-item"; var link = document.createElement("a"); link.href = INTAKE_URL; link.setAttribute(MARKER_ATTR, MARKER_VALUE); link.className = "cp-portal-nav-item__link flex h-8 w-full min-w-0 cursor-pointer items-center gap-2 p-2 " + "overflow-hidden text-nowrap text-inherit no-underline visited:no-underline hover:no-underline " + "outline-none transition-colors focus-visible:outline-none focus-visible:ring-2 " + "focus-visible:ring-primary justify-start"; if (OPEN_IN_NEW_TAB) { link.target = "_blank"; link.rel = "noopener noreferrer"; } link.innerHTML = ICON_SVG; var label = document.createElement("span"); label.className = "hr-text hr-text-lg hr-text-medium cp-portal-nav-item__label min-w-0 truncate"; label.textContent = LINK_LABEL; link.appendChild(label); wrapper.appendChild(link); return wrapper; } function ensureIntakeLink() { var container = findSectionItemsContainer(); if (!container) return false; if ( container.querySelector("[" + MARKER_ATTR + '="' + MARKER_VALUE + '"]') ) { return true; // already present } container.appendChild(buildIntakeItem()); return true; } // Poll until the sidebar section exists (SPA content loads after page load). var attempts = 0; var pollId = setInterval(function () { attempts++; if (ensureIntakeLink() || attempts > 40) { clearInterval(pollId); } }, 500); // Re-add the link if the app re-renders the sidebar during client-side navigation. var observer = new MutationObserver(function () { ensureIntakeLink(); }); function startObserving() { var root = document.querySelector(".app-sidebar-group") ? document.body : document.body; observer.observe(root, { childList: true, subtree: true }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", startObserving); } else { startObserving(); } })();