By default, the Sleekplan standalone feedback page comes with a clean, simple navigation menu. In some cases, you may want to extend it with extra menu items, such as:
👉A system status page
👉Documentation
👉An external support portal
This can be done by injecting a lightweight JavaScript script into the Sleekplan Admin dashboard. The script safely adds new menu items without modifying the core Sleekplan code.
What this script does (in simple terms)
The script:
Waits for the feedback page to load
Finds the navigation menu
Creates new menu links based on your configuration
Adds them to the end of the menu
Optionally opens links in a new browser tab
All of this happens automatically when the page loads.
💡The script
Below is the full script you’ll be using:
(function () {
const EXTRA_MENU_ITEMS = [
{ label: "Status", href: "https://status.example.com", newTab: true },
// Add more items here:
// { label: "Docs", href: "https://docs.example.com", newTab: true },
];
setTimeout(function () {
const container = document.querySelector(".items");
if (!container) return;
EXTRA_MENU_ITEMS.forEach(({ label, href, newTab }) => {
const a = document.createElement("a");
a.className = "navigation-item";
a.href = href;
if (newTab) {
a.target = "_blank";
a.rel = "noopener noreferrer";
}
const span = document.createElement("span");
span.textContent = label;
a.appendChild(span);
container.appendChild(a);
});
}, 500);
})();
✍️How to customize your menu items
You only need to edit one part of the script:
const EXTRA_MENU_ITEMS = [
{ label: "Status", href: "https://status.example.com", newTab: true },
];
Example: adding multiple links
const EXTRA_MENU_ITEMS = [
{ label: "Status", href: "https://status.example.com", newTab: true },
{ label: "Docs", href: "https://docs.example.com", newTab: true },
{ label: "Support", href: "https://support.example.com", newTab: false },
];
Where to add the script in Sleekplan
Log in to your Sleekplan Admin Dashboard\
Navigate to Settings > Website > Website Settings > Custom Javascript menu
Paste the full script into the Custom JavaScript area and click on Save
🏁 Once saved, reload your standalone feedback page and the new menu items should appear automatically