Ninja Team

Easily add CSS, JavaScript, and custom code snippets to your website’s <code><head></code> or before the <code></body></code> tag with this powerful plugin. Whether you need to integrate Google Analytics, Facebook Pixel, custom CSS, or other scripts, this plugin makes it simple—no theme file editing required. Plus, your code remains safe even when you update your theme!
This is a must-have plugin for any WordPress website.
If you’re wondering how to add code to the header in WordPress or searching for a WordPress plugin to insert code into the header or footer, you’ve come to the right place. This plugin gets the job done quickly!
<h4>FEATURES</h4>
<ul>
<li>Easy to insert code to header and footer</li>
<li>Add Google Analytics code to any theme</li>
<li>Add custom CSS to any theme</li>
<li>Add Facebook Pixel to any theme</li>
<li>Friendly</li>
<li>Support code editor</li>
<li>And more…</li>
</ul>
For WordPress Full Site Editing (FSE) users:
<ul>
<li>FSE reduces the need to access and edit core theme files, which can make it harder for advanced users who prefer working directly with PHP or CSS in template files.</li>
<li>Some modifications may require custom block creation, which involves more advanced coding.</li>
<li>Since <a href="https://wpbrandy.com/full-site-editing-in-wordpress/" rel="nofollow ugc">FSE themes</a> are heavily block-based, any manual modifications to theme files might be overridden during updates, so adding code snippets needs to be done carefully.</li>
<li>When adding PHP or backend functionality, rely on plugins like Header Footer Custom Code to avoid directly editing theme files.</li>
</ul>
<h4>INSTALLATION</h4>
Manual installation is easy and takes fewer than one minute.
<ol>
<li>Download the plugin from wordpress.org, unpack it and upload the [NinjaTeam Insert Code Header Footer] folder to your wp-content/plugins/ directory.</li>
<li>Activate the plugin through the ‘Plugins‘ menu in WordPress.</li>
<li>Go to your main WordPress menu > Header Footer Code to add your custom code.</li>
</ol>
You’re done. Enjoy.

NinjaTeam Header Footer Custom Code

Help you easy to insert CSS and JavaScript codes to  or before .

Bhagirath Dhanani

Add Custom script and CSS code to header, footer,before post,after post.
1. You can add custom code at header, but before 
2. You can add custom code at footer, but before 
3. You can add custom code before post content, this will display on single page only
4. You can add custom code after post content, this will display on single page only
 You can use plain html, JavaScript and CSS code, but for JavaScript and CSS don’t forget to add and tag

Custom Code

Add Custom script and CSS code to header, footer,before post and after post.

NinjaTeam Header Footer Custom Code vs Custom Code