The Custom Code tab allows you to integrate your own JavaScript or CSS into your headful project.
The code is automatically inserted at defined positions within the HTML document. This enables you to add external scripts, implement tracking, or apply custom styling adjustments.
Available contexts:
All
Top Window
Popup Window
Depending on your selection, the code will load within the respective context.
Insertion Positions
Head Field
When you add JavaScript or CSS to the Head field, it is inserted at the end of the <head> tag.
Typical use cases:
Meta tags
Tracking scripts
Global CSS definitions
External script references
Body Start
When you add JavaScript or CSS to the Body Start field, it is inserted at the beginning of the <body> tag.
Typical use cases:
Scripts that must run immediately when the page loads
Initialization scripts
Body End
When you add JavaScript or CSS to the Body End field, it is inserted at the end of the <body> tag.
Typical use cases:
Scripts that should run after the DOM has loaded
Performance-optimized script integration
Confirm
After adding or editing the code, confirm your changes to save and apply them to the project.
System Note
The inserted code applies globally within the selected context.
Incorrect code may affect project functionality or layout.
Always test changes before deploying them to production.