Skip to main content
Learn how to inject custom HTML, CSS, and JavaScript into your websites using the custom code feature.

Overview

Custom code injection allows you to add:
  • Analytics tracking scripts
  • Chat widgets
  • Custom CSS styles
  • JavaScript functionality
  • Meta tags

Workspace-Level vs Website-Level

  • Workspace-Level: Applies to all websites in workspace
  • Website-Level: Applies to specific website only

Adding Workspace Custom Code

  1. Open Settings in sidebar
  2. Go to Custom Code tab
  3. Add code to Header or Body section
  4. Click Save

Header Code

Code added before </head>:

Body Code

Code added before </body>:

Adding Website Custom Code

For website-specific code:
  1. Open website editor
  2. Go to Settings → Integrations
  3. Use the integration options
  4. Or add custom code in theme settings

Common Use Cases

Facebook Pixel

Custom CSS

Best Practices

  • Test code in staging first
  • Minimize script size for performance
  • Use async/defer for non-critical scripts
  • Validate HTML before adding
  • Document what each code snippet does

Troubleshooting

Code not appearing:
  • Check for syntax errors
  • Verify code is saved
  • Clear browser cache
  • Check browser console for errors
Performance issues:
  • Load scripts asynchronously
  • Minimize inline code
  • Use CDN-hosted libraries

All Tutorials

Learn more

White Label Setup

Learn more