How to add scripts in Header and Footer of your WordPress site

How to add scripts in Header and Footer of your WordPress site

Preface

Every website or webpage is divided into three main sections: the WordPress header, the body, and the WordPress footer. These components come together to form the user’s final view. These all parts are necessary to build a good-looking website or webpage. If any of them is not working properly after you edit files by yourself, without taking the help of experts, you might break the site. In this case, we might help you with our best WordPress header and footer scripts plugin, Insert Script In Header And Footer for inserting the code or header and footer scripts without doing any coding or editing any files. There are lots of plugins but our plugin gives you overpowered features.

What is Insert Script In Headers And Footers?

Script In Headers And Footers plugin lets you add code or scripts in your header, footer, and body without opening any files. This WordPress header and footer scripts plugin can add the scripts in the header and footer as well as add HTML into the body.

Why use Insert Script In Header And Footer plugin?

There are lots of extra features in the Script In Headers And Footers Pro. You can set the script priority, the option to control the scripts for the header, footer, and body for every single page, post, and custom post type, and the option to manage where to print the script on the admin side or front. You can get timely updates, well-documented, and 24/7 developer support.

Insert Script In Headers And Footers

How to Insert Script In Header And Footer

Step 1: Install Insert Script In Headers And Footers plugin.

From your WordPress dashboard

At your website go to the WordPress admin dashboard > Plugin > Add New and search Insert Script In Headers And Footers, install the plugin, and activate the plugin it will redirect to the installed plugin’s page.

Install Insert Script In Headers And Footers

From the Geek Code Lab

You Can download this plugin also from our website Geek Code Lab. For the free version of the plugin Geek Code Lab > Plugins > WordPress Free Plugin > Insert Script In Headers And Footers and you can also download the pro version of this plugin Geek Code Lab > Plugins > WordPress Pro Plugin > Insert Script In Headers And Footers Pro.

Insert Script In Headers And Footers Free Plugin


Insert Script In Headers And Footers Free

Insert Script In Headers And Footers Pro Plugin


Insert Script In Headers And Footers Pro

Step 2: Go to the settings page of the Insert Script In Header And Footer plugin.

From your admin dashboard > Settings > Insert Script In Headers And Footers you can get the plugin’s Settings page.

Insert Script In Headers And Footers Menu

Step 3: Add scripts to the header of the website.

Here you can add script to WordPress Header section. The Insert Script In Header And Footer pro plugin has the extra feature of where to add the script at the bottom or top of the header.

Insert Script In Header

Step 4: Add HTML to the body of the website.

Here you can add the HTML to the body section. The pro version of the plugin has the extra feature of where to load the script at the bottom or top of the header.

Insert Script In Body

Step 5: Add scripts to the footer of the website.

Here you can add script to WordPress Footer section. The pro plugin has the extra feature of where to add the script at the bottom or top of the header.

Insert Script In Footer

This is an example of how it’s showing on the front side

Step 3, step 4, and step 5 these steps are common for the whole website. From here you can add scripts all over the website.

Home page Front View

Step 6: Add script to the WordPress posts

You can enable and disable script for the all WordPress posts like a page, a post, and a WooCommerce product. This feature is in the Insert Script In Headers And Footers Pro plugin.

Post Type Settings

Step 7: Custom script column in post list

Option to see what script is added to the header, the footer, and the body on the list page. This feature is unlocked by purchasing the pro version of the Insert Script In Header And Footer plugin.

Custom script column in post list

Step 8: Script for the single post

Users can add the header, footer, and body script and HTML to a particular single post. This feature is in the Insert Script In Header And Footer Pro plugin.

Insert Script In Post Header


Insert Script In Post Header

Insert Script In Post Body


Insert Script In Post Body

Insert Script In Post Footer


Insert Script In Post Footer

Post Front View


Post Front View

Pros of the plugin

  • Quick to set up in your system.
  • Simple to insert scripts to your website.
  • Insert code or script, with HTML and Javascript into your website’s header, footer, and body.
  • Option to add Google Analytics code.
  • Users can add custom CSS across themes without editing a file.
  • Add any Website tracking code to the website.
  • Option to add Advertisement script code.
  • Insert Facebook pixel code to your website.
  • Option to add a script to a single post, a page, and a single custom post type.
  • Give priority to loading script.
  • Set the position for adding scripts, at the beginning or end.
  • Select where to add script at the Admin or Front Side.
  • Basic code editor options like code syntax highlighting, line numbering, active line highlighting, and tab indentation.
  • Timely support 24/7.
  • Regular updates.
  • Well documented.

Cons of the plugin

There are literally no cons of the plugin, you can freely use it without affecting the other things.

At Geek Code Lab we’re serving you the best quality WordPress and WooCommerce plugins, HTML templates, XD Graphics templates, and creative logos to enhance your website to the next level. For more fantastic stuff please stay tuned with us.

Testimonial

Very usefool plugin!
Also very good support knowledge.
Response email time, less than an hour.
Happy to buy this product!
Thanks!

ioanniskava

Woocommerce Single Product Page Customizer - Plugin

Great Support

This plugin is easy to use and does exactly what it says it will. I had one small issue and the support was terrific!

allegraportage

Woo Donations - Plugin

It works perfectly. Very useful!!!

Thanks Geek Code, the plugin works perfectly, and they were very kind to customize something for us in seconds !! Amazing!

atlasinternational

Woocommerce Single Product Page Customizer - Plugin

This a great tool for any business that needs to control their stock output. For most businesses the plugin is perfect as it is, I required a slight customisation and the team were imminent in their response time and production of the adaptation. Would recommend to anybody and will not hesitate to do business with the team again.

joseph

WooCommerce Schedule Stock Manager - Plugin

Great Functionality and Support

This plugin does not have any analogs and works great for stores that want to automate restock function in specific internals automatically

Maximus Kuzminas

WooCommerce Schedule Stock Manager - Plugin

The support was absolutely awesome – thanks a lot for the help!
The plugin works the way I expected!

sarielg

Woo Donation - Plugin

Great plugin for simple donations, works well out of the box.

It had a couple of small issues with my custom shop setup but the developer fixed them very quickly when I contacted him. It’s nice to see good support from a developer.

Happy to support this guy. Buy the license.

g-man-jones

Woo Donations - Plugin

Had an issues where the field was not properly rendering on our site. The support team already rolled out an update solving this before I even had a chance to ask.

hedgie9

Woo Donations - Plugin

Fantastic plugin!

I tried the free version of the plugin and could see that the premium version was much better. So I went and upgraded to the pro version as soon as possible.

mortenz

Woo Donations - Plugin

I needed the ability to inject OG tags into the header of individual pages. Other plugins have a lot of other functionality that I do not need.

This plugin is light and sleek and that is all it does. One thing, and it does it well.

I did have to install Classic editor alongside my existing GoodLayers setup. So far it has worked perfectly. I recommend it. I am using version 5.8.2

Tech support was very responsive, and solved my initial issue with the installation I mentioned. Thank you!

johnbroberts

Insert Script In Headers And Footers - Plugin

wanted some image under add to cart button. Done.

I wanted some image under add to cart button. Done. Nice.

wp-newyman

Woocommerce Single Product Page Customizer - Plugin

Easy and effective.

It does what it claims. I could easily added some html (text and images) before add to cart button.

lents3d

Woocommerce Single Product Page Customizer - Plugin