Header Footer Code Manager Pro

Header Footer Code Manager Pro provides a WordPress interface for adding, editing, reviewing, and removing HTML, JavaScript, and CSS snippets. Labels identify each snippet, and its record shows who added or last edited it and when. Display rules control where code loads; the snippet itself determines what it does.

Set display rules

Apply a snippet across every post and page, or choose a specific post, page, category, tag, custom post type, or chosen number of the latest posts. You can also insert code manually with a shortcode.

Choose placement and devices

Place snippets in the head section, footer, top of content, or bottom of content. Set each one to display on all devices, desktop only, or mobile only.

Examples of supported code

Use snippets for services and tools such as Google Analytics, Google Adsense, Google Tag Manager, Clicky Web Analytics, chat modules, Facebook Pixels and Scripts, Facebook image tags, Google Conversion Pixels, Twitter heatmaps from Crazy Egg, notification bars such as Hello Bar, and site verification.

Install and set up

Install and activate the add-on in WordPress. After activation, open the options link under the plugin name or select the HFCM tab in the left navigation. Add a snippet, give it a label, pick its display conditions and injection location, then save it for review. When adding JavaScript, enclose the code in script tags so it is interpreted as code rather than displayed as text. On a multisite network, activate the plugin at the subsite level only.

Pro edition

The Pro version includes more capabilities than the free version. The Pro versus Free comparison identifies the differences; the central workflow covers snippet management, display conditions, and code placement.