kzdev

<p>AnyPage Header Footer for Elementor Create and manage custom page templates with Elementor header and footer support from a single admin page. —</p>
<h3>🚀 Overview</h3>
<p><strong>AnyPage Header Footer for Elementor</strong> lets you:</p>
<ul>
<li>Create reusable custom page templates</li>
<li>Assign specific pages or posts as headers and footers</li>
<li>Manage templates from one simple admin interface</li>
<li>Store templates in the WordPress database (no template file generation)</li>
</ul>
<h3>✨ Features</h3>
<ul>
<li>Centralized template management UI</li>
<li>Use Elementor or WordPress content as header/footer</li>
<li>
<p>Header/Footer selection automatically filters content containing:</p>
<ul>
<li>“header” for headers</li>
<li>“footer” for footers</li>
</ul>
</li>
<li>Real-time duplicate name validation</li>
<li>Searchable header and footer selection</li>
<li>Database-only storage</li>
<li>View where templates are used across your site</li>
<li>Works with all public post types</li>
<li>Safe fallback to theme header/footer</li>
</ul>
<h3>🧠 Storage</h3>
<p>Templates are stored in the database only.</p>
<ul>
<li>No PHP template files are generated in theme or plugin directories</li>
<li>No direct file editing required</li>
<li>Faster and safer updates from the admin UI</li>
</ul>
<h3>🖥️ Usage</h3>
<h3>Create a Template</h3>
<ol>
<li>Go to <strong>WP Admin <span aria-hidden="true" class="wp-exclude-emoji">→</span> AnyPage Header & Footer</strong></li>
<li>Click <strong>Add Template</strong></li>
<li>Enter a name and select header/footer</li>
<li>Save</li>
</ol>
<h3>Apply a Template to a Page</h3>
<p>After creating a template, assign it to any page:</p>
<ol>
<li>Go to <strong>Pages <span aria-hidden="true" class="wp-exclude-emoji">→</span> Edit Page</strong></li>
<li>In the right sidebar, find <strong>Template</strong> (Page Attributes)</li>
<li>Select your custom template (e.g. your custom template name)</li>
<li>Click <strong>Update</strong></li>
</ol>
<p>The selected header and footer will now be applied to that page.</p>
<h3>Using with Elementor</h3>
<p>If you’re editing with Elementor:</p>
<ol>
<li>Click <strong>Edit with Elementor</strong></li>
<li>Open <strong>Page Settings</strong> (⚙️ bottom-left)</li>
<li>Set <strong>Page Layout <span aria-hidden="true" class="wp-exclude-emoji">→</span> Default</strong></li>
<li>Update the page</li>
<li>Then assign the template from the WordPress editor</li>
</ol>
<h3>Manage Templates</h3>
<ul>
<li>Edit or delete templates from the list</li>
<li>Click <strong>Used By</strong> to see where a template is applied</li>
</ul>
<h3>🧩 Header & Footer Sources</h3>
<p>You can use:</p>
<ul>
<li>Elementor templates (header/footer type)</li>
<li>WordPress pages or posts that include “header” or “footer” in the title</li>
</ul>
<h3>🛡️ Notes</h3>
<ul>
<li>Templates work across all public post types</li>
<li>File-based templates take priority over database ones</li>
<li>If a header or footer is missing, the theme default is used</li>
</ul>
<h3>🔧 Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 8.0 or higher</li>
<li>Elementor (optional)</li>
</ul>
<h3>📌 Key Advantage</h3>
<p>You can create multiple templates with different headers and footers and assign them per page.</p>
<ul>
<li>Each page can have a different header and footer</li>
<li>No need for complex theme builders</li>
</ul>
<p>Simply change the page template to switch layouts.</p>
<h3>📄 License</h3>
<p>GPLv2 or later<br />
https://www.gnu.org/licenses/gpl-2.0.html</p>


AnyPage Header Footer for Elementor

AnyPage Header Footer for Elementor Create and manage custom page templates with Elementor header and footer support from a single admin page. ---

TechWebUX

Aleksandar Urošević

<p><strong>Head & Footer Code</strong> plugin helps you add custom code snippets (JavaScript, CSS, or HTML) to the page even if you are not a programmer. It could be within the <code><head></code> (site verification code for various services, custom styles, meta or Webfont link), right after opening <code><body></code> (pixel tracking, analytics or heatmap code) or just before closing <code></body></code> tag.</p>
<p>Go to <strong>Tools</strong> → <strong>Head & Footer Code</strong> in WordPress Dashboard. Insert custom code to HEAD, BODY or FOOTER section (depending on what you have to do).</p>
<p>All magic is done by hooking to WordPress hooks <code>wp_head</code>, <code>wp_footer</code> and <code>wp_body_open</code>.</p>
<blockquote>
<p>💡 Trial Head & Footer Code plugin on a free dummy website before you add it on your project: <a href="https://tastewp.com/new/?pre-installed-plugin-slug=head-footer-code" rel="nofollow ugc">Test It Now!</a></p>
</blockquote>
<p>Various code snippets are supported, including but not limited to:</p>
<ul>
<li>Google Analytics 4</li>
<li>Google Tag Manager</li>
<li>Google Ads Conversion</li>
<li>Lite Analytics</li>
<li>Facebook/Meta Pixel</li>
<li>Hotjar</li>
<li>FullStory</li>
<li>Google site verification</li>
<li>Bing site verification</li>
<li>Yandex site verification</li>
<li>Alexa site verification</li>
</ul>
<h3>Homepage in Blog Posts mode</h3>
<p>If your WordPress shows the latest blog posts on the homepage, you can also add specific code only for the homepage on <strong>Tools</strong> → <strong>Head & Footer Code</strong> (there will be section <strong>Head, body and footer code on Homepage in Blog Posts mode</strong>)</p>
<h3>Article specific code</h3>
<p>To insert custom code specific for individual article (post, page or custom post type), use article-specific Metabox while editing post/page/custom post type (check out <a href="https://wordpress.org/plugins/head-footer-code/#screenshots" rel="ugc">Screenshots</a>). There choose if that specific code appends to site-wide code defined on <strong>Tools</strong> → <strong>Head & Footer Code</strong>, or to replace it.</p>
<h3>Category specific code</h3>
<p>You can also define a Category specific code on each individual category.</p>
<p>Other taxonomies (tag and custom taxonomy) do not have available their specific code, but for them a Global code is used instead.</p>
<h3>Video guide</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Gd41Dv09UC4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Do you need our support?</h3>
<p>If <strong>Head & Footer Code</strong> does not work on your project, please let us know by <a href="https://wordpress.org/support/plugin/head-footer-code/#new-topic-0" rel="ugc">raising a new support ticket</a> in the <a href="https://wordpress.org/support/plugin/head-footer-code/" rel="ugc">Community Forum</a> and describe what does not works and how to reproduce the issue. We will make sure to resolve the issue as soon as possible.</p>
<p>If you find <strong>Head & Footer Code</strong> useful for your project, please <a href="https://wordpress.org/support/plugin/head-footer-code/reviews/#new-post" rel="ugc">review plugin</a>.</p>
<h3>Features</h3>
<ul>
<li><strong>Multisite</strong> and <strong>PHP 8.5</strong> compatible!</li>
<li>Set site-wide custom content for:
<ul>
<li>head page section (before the <code></head></code>)</li>
<li>body section (after the <code><body></code>) – <strong>Requires WordPress 5.2!</strong></li>
<li>footer page section (before the <code></body></code>)</li>
</ul>
</li>
<li>Homepage in Blog Posts mode:
<ul>
<li>set homepage specific custom code for head, body and/or footer</li>
<li>toggle homepage specific custom code on paged Homepage (page 2, 3, a nd so on)</li>
</ul>
</li>
<li>Set article specific custom code for:
<ul>
<li>head page section (before the <code></head></code>)</li>
<li>body section (after the <code><body></code>) – <strong>Requires WordPress 5.2!</strong></li>
<li>footer page section (before the <code></body></code>)</li>
</ul>
</li>
<li>Set category specific custom code for head, body and/or footer of the page</li>
<li>Choose priority of printed custom code to head/body/footer sections (lower number mean far from <code></head></code> and <code></body></code> and closer to <code><body></code>, higher number means closer to <code></head></code> and <code></body></code> and farther to <code><body></code>)</li>
<li>Choose which post types will have enabled article specific head/body/footer fields</li>
<li>Choose should article specific head/body/footer code be appended to site-wide code, or will replace site-wide code</li>
<li>View on Posts/Pages/Custom Post Types listing if article has defined any article specific custom code</li>
<li>Site-wide section is located under <strong>Tools</strong> > <strong>Head & Footer Code</strong></li>
<li>If you have set WP_DEBUG constant in <code>wp-config.php</code> to <code>true</code>, you’ll see site-wide and article specific entries in page source code wrapped to comments.</li>
<li>[NEW] allow unprivileged user roles Editor and Author to manage article-specific code on single site and multisite (disabled by default)</li>
</ul>
<h3>Data stored in database</h3>
<p>General settings (HEAD, BODY, FOOTER global code and priority, Homepage code and behaviour) saves in WordPress option <code>auhfc_settings</code>.<br />
Each post/page/custom post type specific HEAD, BODY and FOOTER code and behaviour saves to post meta <code>_auhfc</code>.<br />
Each category specific HEAD, BODY and FOOTER code and behaviour saves to taxonomy meta <code>_auhfc</code>.</p>
<p>During the Uninstall process all these data has been deleted from the database.<br />
In case you wish to reinstall plugin, <strong>DO NOT UNINSTALL IT</strong> although <strong>Deactivate</strong>, then delete the directory <code>/wp-content/plugins/head-footer-code</code> and then reinstall plugin.</p>
<h3>Permissions on Multisite WordPress</h3>
<ol>
<li>Access to <strong>Global</strong>: only Super Admin and Administrator</li>
<li>Access to <strong>Article specific</strong>: Super Admin, Administrator; <strong>optional</strong>: Editor and Author</li>
<li>Access to <strong>Category specific</strong>: only Super Admin and Administrator</li>
</ol>


Head & Footer Code

This plugin is what exactly I'm looking for to add custom javascript and CSS codes to specific pages without inserting them inside the template.

A must have plugin

Easy add site-wide, category and article specific custom code before the closing </head> and </body>, or after opening <body> tag.

AnyPage Header Footer for Elementor vs Head & Footer Code