Overview
The Custom Code tab lets you inject custom HTML, CSS, and JavaScript into your workspace pages. Useful for advanced customizations and third-party scripts.Accessing
- Open Settings from the sidebar
- Go to White Label tab
- Select Custom Code sub-tab
Code Injection Areas
Head Code
- Injected in the
<head>section - Use for: CSS, meta tags, fonts, analytics scripts
- Loads before page content
Body Code
- Injected before
</body> - Use for: JavaScript, chat widgets, tracking pixels
- Loads after page content
Code Editor
- Uses Ace editor for syntax highlighting
- Supports HTML, CSS, and JavaScript
- Auto-saves on change
Common Use Cases
- Custom CSS overrides
- Third-party chat widgets
- Analytics and tracking scripts
- Custom fonts
- A/B testing scripts
Tips
- Test code in a staging environment first
- Invalid code can break your workspace
- Use browser dev tools to debug
- Keep code minimal for performance