The Custom Code settings page is a powerful feature for administrators, allowing you to seamlessly integrate third-party services and customize the appearance of your BeDesk help center without modifying core application files. You can add tracking scripts, custom styling, or other widgets to enhance your help center's functionality and branding.
You can find this page by navigating to Admin > Settings > Custom Code.
This tab allows you to insert any HTML or JavaScript code, which will be added to the <head> section of every page. This is perfect for integrating services that require you to place a script on your site.
Common uses include:
Analytics Services: Add tracking scripts from platforms like Google Analytics, Matomo, or Fathom to monitor your help center's traffic and user engagement.
Tracking Pixels: Integrate marketing or advertising pixels, such as the Facebook Pixel or LinkedIn Insight Tag, to track conversions and build audiences.
Third-Party Widgets: Embed widgets for services like pop-up generators, feedback tools, or cookie consent banners.
Custom JavaScript: Add your own JavaScript code to introduce unique behaviors or modify page elements dynamically.
To use it, simply paste your code into the text area and click Save changes.
The Custom CSS tab lets you add your own CSS (Cascading Style Sheets) rules to override the default styles of the site.
You can change site colors from themes editor in Admin > Settings > Themes page without the need for custom CSS.
After adding your styles, click Save changes to apply them to your site.
The Custom Code feature provides direct access to your site's front-end. Please be careful, as incorrect or malicious code can break your site's functionality or introduce security risks.
Only add code from trusted and reputable sources.
Double-check your code for syntax errors before saving.
If you're unsure, it's best to consult with a web developer.