BoldDesk allows Customer Portal customization using Custom JS. One useful option is adding a clickable support email link to the portal footer, giving customers an easy way to contact support.
This is ideal for Knowledge Base–focused portals, where customers may need help without submitting a ticket. This article explains how to add the support email link using BoldDesk’s customization settings.

Use Cases

Use this customization when you want to:

• Provide a persistent support contact option across all Customer Portal pages
• Support customers who use the Customer Portal only to access the Knowledge Base, without submitting tickets
• Offer a simple contact path for users who prefer email over ticket creation
• Guide customers toward the correct support channel when self‑service content is insufficient
• Standardize the footer contact email to match your organization’s official support address
• Improve overall portal usability without modifying existing ticket or workflow configurations

Example scenario

If your Customer Portal is configured mainly for Knowledge Base consumption, adding a support email link ensures customers can still reach your support team when self‑service content does not fully address their needs—without forcing ticket creation.

How to add a Support Email Link Using Custom JS

Navigation Path

Admin Settings → Customer Portal → Customization → Custom JS
Explore further instructions about Advanced Customization for the Customer Portal.

Custom JS Code Example

Use the following script to display a support email link in the BoldDesk Customer Portal footer.

var appendSupportEmail = () => {
 var iconEle = document.createElement('span');
 iconEle.classList.add('bd-icon', 'bd-icon-mail');

 var anchorEle = document.createElement('a');
 anchorEle.setAttribute('href', 'mailto:support@yourcompany.com');
 anchorEle.innerText = '[email protected]';

 var supportMailEle = document.createElement('div');
 supportMailEle.classList.add('flex');
 supportMailEle.appendChild(iconEle);
 supportMailEle.appendChild(anchorEle);

 var poweredBy = document.querySelector('.footer-powered-by');
 var rootEle = document.querySelector('#app-footer .footer-align');

 if (poweredBy) {
   var separatorEle = document.createElement('span');
   separatorEle.classList.add('footer-separator-line');
   poweredBy.appendChild(separatorEle);
   poweredBy.appendChild(supportMailEle);
 } else if (rootEle) {
   var ele = document.createElement('div');
   ele.classList.add('footer-right-content', 'inline-flex', 'align-right');
   ele.appendChild(supportMailEle);
   rootEle.appendChild(ele);

       }
   }
   setTimeout(() => {
       appendSupportEmail();
   }, 1000); 

Customer Portal UI Before Adding the Support Email Link

Before applying the Custom JS, the Customer Portal footer displays only the default footer elements configured by BoldDesk. At this stage:

• No custom support email link is visible in the footer
  

  
  
  

This represents the default Customer Portal experience before customization.

Customer Portal UI After Adding the Support Email Link

After adding and saving the Custom JS, the Customer Portal footer is updated to include a clickable support email link in the bottom‑right corner.
Once applied:

• The support email address is clearly visible on all Customer Portal pages
  

  
  
  

This enhanced UI ensures customers always have a clear fallback contact option, especially in self‑service‑focused portal setups.

Troubleshooting

• Email link does not appear

  • Confirm the script was added under Custom JS, not Custom CSS
  • Ensure the changes were saved
  • Refresh the Customer Portal page after saving

• Clicking the email link does nothing

  • Verify the mailto: format is correct
  • Customer devices must have a default email app configured

• Incorrect email is displayed

  • Ensure both the link value and displayed text were updated in the script

FAQs

1. Does this customization affect the Agent Portal?
   No. Custom JS applies only to the Customer Portal.

2. Can I add multiple support email links?
   BoldDesk does not provide a native UI option for multiple footer email links. Additional links require extending the Custom JS.

3. Is there a built‑in setting to add a footer email without Custom JS?
   No. BoldDesk does not currently provide a native setting to add or modify footer email links.

4. Will this customization affect ticket creation or SLAs?
   No. This change is UI‑only and does not impact ticket workflows or SLAs.

5. Can Custom JS be disabled later?
   Yes. Removing the script from Custom JS and saving will remove the footer email link.

Related Articles

1. BoldDesk Customer Portal Customization: Step-By-Step Guide
2. How to Customize Agent Portal Settings in BoldDesk