Insert Headers and Footers

Want to quickly add code to your WordPress site’s header or footer tags, without messing with your theme files? You need a simple plugin that will insert your code for you. Check out our Insert Headers and Footers review to see how this plugin can help.

Insert Headers and Footers Review


What Is Insert Headers and Footers?

Insert Headers and Footers is a free plugin by WPBeginner that allows you to add insert code into your header and footer throughout your whole website. The code can be easily added and edited right from your WordPress dashboard.

Without a plugin like Insert Headers and Footers, you would have to manually edit your header.php and footer.php theme files if you wanted to add any code.

Using Insert Headers and Footers instead has a lot of advantages. Insert Headers and Footers:

  • Is faster: No need to find the right theme file and spend time hunting through code to figure out where to add your own.
  • Prevents errors: It’s easy to delete the wrong thing or place code in the wrong place when editing theme files, but a plugin can prevent that.
  • Preserves your changes: When your theme updates, you’ll lose any changes you made to the files. Keeping your code separate in a plugin will prevent this.
  • Keeps you organized: You can see in your WordPress dashboard at a glance what code and scripts you’ve added to your header and footer.

What Kind of Code Goes in Your Header or Footer?

Certain code snippets must be placed in specific locations on your site in order to work correctly.

While many plugins will add code for you automatically, you may want to manually do things like enable Twitter cards, add Facebook author tags, or add your site to Google Search Console.

If you use Google Analytics on your site, you should place the provided tracking code in the header. Because it’s asynchronous, it won’t affect your page loading times, and placing it in the header provides more accurate statistics.

If you want to add other Javascript code to your site, it’s often best to place it in the footer so it doesn’t slow down the loading of your site.

How to Insert Code in the WordPress Header or Footer

First, install and activate the Insert Headers and Footers plugin.

Now you can navigate to Settings » Insert Headers and Footers to get started.

Insert Headers and Footers Review - add your code here

Any code that you want to appear in your site’s header, within the <head> tag, paste into the first field, Scripts in Header.

Any code that you want to insert into the bottom of each page, right before the </body> closing tag, insert into the second field, Scripts in Footer.

When you’re done, click Save.

That’s it! There’s no need to configure any complicated settings or do anything else.

Not Working? How to Troubleshoot

You can double-check that your code has been inserted by navigating to the front end of your site and viewing the page source. (You can do this by right clicking on the page and selecting View Page Source, though this may work differently depending on the browser you’re using.)

If you don’t see your code, be sure to clear your browser cache and be sure to clear any caching plugin you’re using on your site. For more details, see How to Fix WordPress Website Not Updating Right Away.

Keep in mind that the plugin does not execute PHP code. It’s only for inserting static HTML.

More Free Plugins From WPBeginner

WPBeginner is one of the largest free WordPress resource sites in the world. It has tons of WordPress tutorials that will explain everything you need to know about setting up and using WordPress.

They also provide a few other free plugins in the WordPress.org directory. For more details, see our Floating Social Bar and Compact Archives review.

Our Verdict

If you’re looking for a quick and easy way to manage your header and footer code, without messing with your theme files or losing them all in an update, then Insert Headers and Footers is the plugin you need.

We give Insert Headers and Footers 5 out of 5 stars. Here is the breakdown of our review scores:

Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Ease of Use
Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Rating Star FullRating Star FullRating Star FullRating Star FullRating Star Full   5.0 / 5.0
Get Insert Headers and Footers Now »

Comments  Leave a Reply

  1. Does not seem to work on mobile devices. alert, event clicks using script all work on desktop but not on mobile.

    jQuery(‘.ga img’).on(‘click’, function() {
    gtag(‘event’, ‘click’, { event_category: ‘Image Click’, event_action: ‘click’, event_label: ‘ga-image’});

  2. If I delete the plugin will the code I added using the plugin be deleted?

  3. I can not remove code.

  4. Is there a way to add code for only one page?

  5. I deleted the Facebook pixel from it. But still in the source. Does it take time to take it out from the code? Facebook pixel helper also finds it.

    1. Maybe deleting cache will fix this issue

  6. Added Google Analytics code through this plugin, will it track desktop and mobile analytics?

    1. Yes, it will

  7. The code doesn’t seem to get added when pages are embedded however, only when not embedded. Depending on your use case this may be a problem.

    1. Hi Matt. How are you embedding the pages?

  8. Hello, I added a code to Headers and Footers plugin and it is working. Now, I want to edit that code for some reason but I can’t find it anywhere. What to do?

    1. Shahzad Saeed July 8, 2019 at 3:22 pm

      Navigate to the plugin settings where you’ve added the code and change it. That is, in your WordPress dashboard go to Settings » Insert Headers and Footers to edit the code.

  9. How to add more than 1 code at headers and footer plugins? For example, I want to add 2 code that required insert to headers. Did I need to insert new paragraph to insert the second code and so on?

  10. how to remove the code that the code is inserted by header and footer..i have not find the source code in page…

    1. Go back to the editor where you’ve added the code (Settings » Insert Headers and Footers) and remove it.

  11. What I would like to ask is does the inserted code go into every page?

    1. Yes! The inserted code will be added to every page of your site.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!