Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads


Using Skyboot Insert Headers CSS and Insert Footers CSS plugin you can Insert your Custom CSS and Custom Javascript Code in Header & Footer tag. like: Facebook pixel code, google analytics code, GA4 property code, Google Tag Manager,Google Ads/Google Adsense code, etc. Most common use case is Insert Headers CSS and Footers CSS,custom header script, custom footer script Custom Script for add 3party javascript code.

🌐 Our Website:
πŸš€ Our Blog: Click Here
πŸ‘‰ Subscribe Our YouTube Channel: Subscribe Now
✈️ Follow our Facebook Page: Follow Now
πŸ“’ Our Recommended Business Tools to Grow Your Small Business Click Here

Most of the time each website owner need to add custom code to their website for some reason that’s why you need to use this plugin. you can add your simple custom css and custom js or any kind of custom script such as Facebook pixel code, google analytics code and any type of header footer css and javascript code by this plugin.

πŸ’– If you like our work Buy Me a Coffee

Insert Headers and Insert Footers functionality allows you to insert custom code on headers and footers on your website head and before body tag. The plugin allows you to add custom code on headers and footers. You can Easily and safely Insert Script like: CSS, jQuery and JavaScript to the WordPress website’s head and footer sections.

An easy to use, with default wordpress interface, This WordPress plugin that gives you to the ability to easily and safely add your custom code ( CSS, jQuery and JavaScript) in the head or/and footer section of your website. After creating a WordPress website, you need to add js script for any purpose so you can add wp custom js by using custom css and js plugin.

When you create a WordPress site, most of the time you need to Add WordPress custom CSS code to footer for extra CSS to add to your website without editing any code. with the plugin you can easily replace CSS for your website frontend CSS. It’s a light weight custom css wordpress plugin/custom css plugin.

If you want use custom javascript code in your website you must need the tool. There is no need for any more editing of the files of your theme or plugins for to add custom scripts ( CSS, jQuery and JavaScript ) in header and footer. Just add your custom scripts or simple custom css in the box on the plugin page and this plugin will do the rest for you. You can use the plugin without any coding knowledge.

πŸ”₯ Features include πŸ”₯

βœ… Insert custom css in head or footer tag
βœ… Insert Javascript code in head or footer tag
βœ… Load jQuery in header or footer sections.
βœ… Insert Facebook pixel code/ facebook analytics code
βœ… Insert google analytics code
βœ… Insert GA4 property code
βœ… Insert any type of my custom css
βœ… Insert any type of custom js code
βœ… Built-in WordPress locale codes
βœ… Any third party tracking codes
βœ… insert ad code from native ads
βœ… insert hotjar tracking codes
βœ… insert ads codes from multiple places
βœ… custom css for wordpress

Installing manually:

πŸ‘‰ First Download the plugin.
πŸ‘‰ Unzip the Downloaded zip file.
πŸ‘‰ Login FTP account using Filezilla or an alternative application.
πŸ‘‰ Browse the folder “/wp-content/plugins/”.
πŸ‘‰ Upload the unzip plugin folder.
πŸ‘‰ Go go plugin menu from your dashboard and activate the plugin.
πŸ‘‰ Now you will see a new admin menu named “Skyboot”.
πŸ‘‰ Go to “Skyboot” menu and put your code where you want to run your code.
πŸ‘‰ BOOM! Enjoy the plugin features.

πŸ’š Love our Simple Custom CSS and JS Script plugin?

πŸ‘ Rate us on WordPress org

Our Other WordPress plugins

πŸ“’ Skyboot Custom Icons for Elementor – Elementor Icons library

Skyboot Custom Icons for Elementor is a Elementor Icons library plugin. With the Elementor Icons plugin, you can increase your Elementor Icons library. The Elementor plugin has more than 14055+ icons from the different icon packs. like: What’s icons are included in the custom Elementor icons plugin: Brands icons (934) ,Devicons Icons (191) ,Elegant Icon (360) ,Elusive Icons (303) ,Icofont (2095) ,Ico Moon (491) ,Iconic Icons (172) ,Ion icons (696) ,Line Awesome (2004) ,Line Icon (511) ,Linear icons (170) ,Material Design Icons (5346) ,Simple Line Icon (189) ,Themify Icon (351) ,Open Iconic (22)

πŸ‘‰ Check Elementor Icons Plugin

πŸ“’ Elementor Image Gallery Plugin ( Masonry Gallery, Elementor Gallery With Captions, Elementor Portfolio Gallery Widget, Filterable Gallery )

The Elementor gallery plugins are powerful widgets for showcasing your images. These gallery plugins are packed with powerful features, such as image filters, captions, featured and random options, and much more. This Elementor plugin lets you create galleries with a gallery widget and a portfolio gallery widget. You can also add captions to images with different styles.

πŸ‘‰ Check Elementor Image Gallery Plugin


  • Header CSS input box
  • Header CSS output
  • Header JS input box
  • Header JS output
  • Footer CSS and Js input box
  • Footer CSS and Js output


Why you need to add Facebook pixel code?

When you add a Facebook pixel code to your website, you allow Facebook to track the actions of visitors to your site. Based on their activity, you can run target ads and other content to those visitors. It’s a lot less invasive than something like Google Analytics, which tracks all activity on a site. Plus, Facebook’s AI technology automatically learns which ads are most effective and shows them more often.

Why you need to add code for google analytics?

If you have web pages that have been built on WordPress, you will need to add code for Google Analytics. Adding custom code for Google Analytics is a smart way to see how users are using your website. When you are able to track who is visiting your website, you can take right marketing dicition to changes your website to increase your website’s traffic and revenue. When you will add code for Google Analytics, it is best if you use a plugin. This is because the plugin will make it so that you can see how your website is performing. You can use plugins named: Skyboot custom script by SkyBootstrap.

Why you need to add GA4 property code?

It is a good idea to add the GA4 property code to the Property page of your website. This will not only help you with tracking your website’s success, but it will also help you keep track of the money you have made from your website. This code is a simple line of code that you can use to track the number of visitors your website has each day. This code is also helpful in that it tells you the number of visitors that are coming from where. The GA4 property code requires you to add it to the top of your website’s property page. If you are not sure where your website’s property page is, you can use this plugin to add your GA4 property code on your WordPress website.

Why you need to add Google Tag Manager on your Website page?

Google Tag Manager is a tool for managing your website’s code and tracking your website’s visitors. It makes it easy for you to add different types of tracking codes, google tracking code, google analytics tracking code, css margin padding, ad script, to your site and then manage them. It’s also a great tool for creating new types of tags as well.

More use case of this plugin

frontend css, insert css to footer, css to header, header footer css, replace css, add js, css override, element head, change custom css, custom head, add footer css, add to footer, footer scripts, insert js, header footer script, google analytic in header, custom headers, add footer codes, insert scripts to header, post custom css, pages custom css, global css, simple css code, widgets css, insert scripts, facebook javascript pixel, header css, header css styles, header style css, header css code , css header and footer, custom css wordpress, custom css wp, ads script, css editor, inline css, custom css style, , wordpress customize css, custom css in wordpress, advertise script, nested css, css override style, override css style, add css jquery, internal css, header scripts, add code to header wordpress

Do you need to use the Headers and Footers plugin?

YES! Sometimes you will need to add custom code on headers and footers to your WordPress site. It allows you to add custom codes to your website headers and footers.

Why do you need custom code to insert headers and footers on your WordPress website?

The reason is that WordPress by default does not support inserting code on headers and footers. You need to use the plugin to insert header and footer. In addition, you will also have to add custom code to style it according to your needs.

How to add code to WordPress header and footer?

You can add code to WordPress Header and Footer in the following ways.
1. Install a custom CSS plugin.
2. Go to the plugin menu.
3. By adding the code using the plugin

Does the plugin conflict with other plugins?

No, We have checked most of the popular plugins like WPCode, Elementor Header & Footer Builder, ElementsKit, Orbit Fox by ThemeIsle, WooCommerce PDF Invoices & Packing Slips,
W3 Total Cache, Ad Inserter – Ad Manager & AdSense Ads, WP Fastest Cache, LiteSpeed Cache, Hummingbird, Sticky Header Effects for Elementor, Contact form 7, WP Optimize, WP Duplicator, Really Simple SSL, Header and Footer Scripts, Classic Editor, Akismet, Jetpack, Classic Widgets, Gutenberg, Yoast SEO, Elementor Website Builder,
bbPress, BuddyPress, WPForms, Wordfence Security, itheme Security, WordPress Importer, MonsterInsights, UpdraftPlus, All in One SEO, Duplicate Page, Advanced Editor Tools, Mailchimp for WordPress, Analytics, Search Console, AdSense, Speed, Redirection, WP Super Cache, XML Sitemaps, Essential Addons for Elementor, Smush – Lazy Load Images, Optimize & Compress Images, Regenerate Thumbnails, Starter Templates, Rank Math SEO Best SEO Plugin For WordPress, Autoptimize, Popup Builder by OptinMonster – WordPress Popups for Optins, Email Newsletters and Lead Generation, CookieYes, Smash Balloon Social Photo Feed, ManageWP Worker, WPS Hide Login, Custom Post Type UI, One Click Demo Import, Gutenberg Template and Pattern Library & Redux Framework, EWWW Image Optimizer, File Manager, Ninja Forms Contact Form, YITH WooCommerce Wishlist, TablePress, Sucuri Security – Auditing, Malware Scanner and Security Hardening, ExactMetrics – Google Analytics Dashboard for WordPress, The Events Calendar, Facebook for WooCommerce, Envato Elements – Photos & Elementor Templates, BackWPup – WordPress Backup Plugin, Broken Link Checker, Creative Mail – Easier WordPress & WooCommerce Email Marketing, User Role Editor, Maintenance, Slider, Gallery, and Carousel by MetaSlider – Responsive WordPress Plugin, Safe SVG, Mailchimp for WooCommerce, WordPress Gallery Plugin – NextGEN Gallery, Easy WP SMTP, Kirki Customizer Framework, GTM4WP, MailPoet – emails and newsletters in WordPress, Black Studio TinyMCE Widget, Max Mega Menu, WP Reset – Most Advanced WordPress Reset Tool, WP Reset – Most Advanced WordPress Reset Tool, Paid Membership, User Registration, User Profile & Restrict Content Plugin – ProfilePress, Header Footer Code Manager, Table of Contents Plus, Astra Widgets, Forminator – Contact Form, Payment Form & Custom Form Builder, Variation Swatches for WooCommerce, Pretty Links – Link Management, Branding, Tracking & Sharing Plugin, HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics, Simple Custom CSS Plugin, Simple 301 Redirects by BetterLinks, and much more. So, Enjoy the plugim features.


Read all 5 reviews

Contributors & Developers

“Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads” is open source software. The following people have contributed to this plugin.




  • Upadate: Tested with 6.0


  • Upadate: Tested with 5.8


  • Upadate: Tested with 5.7


  • Upadate: Tested with 5.6


  • Upadate: Tested with 5.2.4


  • First release