Skip to main content

​
Overview

Inject custom code into your websites for advanced customizations, tracking, and third-party integrations.

​
Injection Points

​
Head Code

  • Injected in <head> section
  • Loads before page content
  • Use for: CSS, fonts, meta tags, analytics

​
Body Start Code

  • Injected after <body> tag
  • Loads at page start
  • Use for: Critical scripts, no-script fallbacks

​
Body End Code

  • Injected before </body>
  • Loads after page content
  • Use for: JavaScript, chat widgets, tracking

​
Common Use Cases

​
Custom CSS

<style>
  .custom-class {
    color: #333;
  }
</style>

​
Google Analytics

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_ID"></script>

​
Chat Widget

<script>
  // Chat widget initialization code
</script>

​
Custom Fonts

<link href="https://fonts.googleapis.com/css2?family=Custom+Font" rel="stylesheet">

​
Best Practices

  • Test code before deploying
  • Minimize code for performance
  • Use async/defer for scripts
  • Validate HTML syntax

​
Tips

  • Invalid code can break your site
  • Use browser dev tools to debug
  • Keep backups before changes
  • Test on staging first