Elementor Theme Builder: Design the Header, Footer and Archive Once

October 28, 2026
·
Shahidul Islam
Elementor theme builder template list showing header, footer, archive and 404 types

You designed a beautiful page in Elementor. Then the theme wrapped it in a header you cannot edit, a footer with the wrong links, and a blog archive that still looks like the demo content you imported two years ago.

That is the gap a theme builder closes. The page is yours. Everything around the page belongs to the theme, until you take it back.

The Sky Addons theme builder hands you the parts of the site Elementor does not reach by default: the header, the footer, the single post layout, the archive listing, the 404 page, and arbitrary injection points anywhere in the page. You build each one in the same Elementor editor you already use, then decide exactly where it appears.

Elementor theme builder template list holding twelve templates
Twelve templates in one list, each with its own type, conditions and on switch.

Where a theme builder earns its place

  • An agency running client sites on one theme. Each client gets a different header and footer without a child theme, without touching PHP, and without a developer in the loop for every change.
  • A SaaS or plugin business. The marketing pages need one header and the documentation needs another. Conditions handle it, so nobody maintains two themes.
  • A publisher with a real blog. The archive listing and the single post layout carry the brand instead of whatever the theme shipped.
  • An online shop. Seasonal footers swap in and out on a date, and the old one stays in the list, disabled, ready for next year.
  • A membership site. Logged in members see a different header from logged out visitors, because templates can target user roles.
  • Anyone with a 404 page they have never looked at. It is the one page you cannot design in the page editor, and it is the page a broken link sends people to.

What changes versus the usual approach

JobTheme customiserChild theme and PHPSky Addons theme builder
Edit the headerOnly the options the theme exposesAny change, with a developerFull Elementor canvas
Different footer on one pageUsually not possibleConditional PHP in a template fileA display condition, no code
Blog archive layoutTheme defaultsarchive.php rewriteArchive template in Elementor
404 pageRarely editable404.php rewrite404 template in Elementor
Inject a band above the footerNot availableadd_action in functions.phpCustom hook template with a priority
Swap a design backUndo and hopeGit revertToggle the old template back on

A theme builder is not a nicer way to edit your theme. It is a way to stop editing your theme, so the next theme update cannot take your work with it.

The features that decide it

Six template types, not two. Most header and footer plugins stop at the header and the footer. The Sky Addons theme builder covers header, footer, single, archive, 404 and custom_hooks. The last one is the interesting one, and almost nobody ships it.

Custom hooks put a design anywhere. A custom hook template attaches to an injection point and carries a priority, so you control both the place and the order. On skyaddons.com there are three in use: one after the header, one before the footer, and one after the footer. That is how a testimonial band, a page intro and a floating button reach every page without a single line in functions.php. WordPress calls these action hooks, and this is the no code version of the same idea.

Conditions on every template, including roles. Each template stores a display list and a do not display list. The values cover the entire site, special pages, all posts and named pages, and a separate role list targets logged in users by capability. “Entire site except all posts” is one click, not a nest of conditionals.

Enable and disable is separate from publish. A template can be published and switched off. That sounds small until you redesign a footer: keep the old one published and disabled, switch the new one on, and if the new one is wrong you flip back in two seconds with nothing lost. On this site two headers and three footers sit in the list, with exactly one of each serving the site.

Live preview before it goes anywhere near visitors. Each template previews against real content, so you see the archive template rendering real posts rather than placeholder boxes.

Elementor theme builder type filter showing all six template types
The six template types, with the live count beside each one.

Which template type to reach for

The six types map onto the way WordPress already decides what to render. WordPress walks its template hierarchy on every request, picking a theme file for the thing being viewed. The theme builder intercepts that decision at the points that matter.

Header and footer wrap everything, so build these first. They are the parts visitors see on every page, and the parts a theme locks down hardest.

Single takes over one post at a time. Use it when the reading experience matters: a blog, a documentation article, a case study. It is also where dynamic tags do the heavy lifting, because the layout has to work for the post you wrote today and the one you write in a year.

Archive takes over listings: the blog page, a category, a tag, an author, a search result. One template covers all of them, which is why an archive design is usually the cheapest large improvement available to a content site.

404 is the page nobody designs and everybody eventually lands on. It costs twenty minutes and it is the difference between a dead end and a second chance.

Custom hooks are for everything that is not a replacement. A promotional band, a newsletter block, a trust row, a seasonal notice. Anything you want on many pages without pasting it into each one.

How to build your first template

  1. Open Sky Addons, Theme Builder and choose Add New.
  2. Pick the type. Header and footer replace the theme’s own. Single and archive take over post and listing layouts. The 404 type takes over the not found page. Custom hooks inject rather than replace.
  3. Name it for what it is and where it goes, for example “Site Footer, berry glow”. You will thank yourself at template number twelve.
  4. Design it in Elementor. Pull real content in with dynamic tags so the single and archive templates read from the post rather than from text you typed once.
  5. Set the conditions. Start broad with the entire site, then subtract with the do not display list.
  6. Switch it on. The toggle is the last step, and it is the one you will use most often afterwards.

Why it works once it is live

The theme stops being the ceiling. A header change is a design decision, not a ticket. The archive stops being the page you apologise for. And because every template is a normal Elementor document, the widgets you already know work in the header exactly as they do in the body.

The bigger win is reversibility. Themes punish experiments because a change is a file edit. A theme builder turns the same experiment into a toggle, so a Tuesday afternoon footer test costs nothing and leaves no debris.

Elementor theme builder header rendered at desktop and phone width
A theme builder header serving the site at desktop and phone width.

Getting it right

  • Name templates for their job, not their design. “Site Header, light” tells you what it does. “Header v3 final” does not.
  • Start conditions broad, then subtract. Entire site, then exclude. Building conditions up from individual pages means every new page needs revisiting.
  • Use the single and archive types together. A designed single post next to a theme default archive looks worse than leaving both alone.
  • Keep one fallback. Leave the previous header published and disabled instead of deleting it.
  • Mind the hook priority. Two templates on the same injection point render in priority order. If a band lands above something it should sit below, the priority is the dial, not the design.
  • Check the 404. Give it a link back into real content. A designed dead end is still a dead end.

Theme builder: common questions

Is the theme builder free?

Yes. The theme builder ships in the free Sky Addons plugin, all six template types included. The free versus Pro comparison shows what the Pro licence adds on top.

Does it need Elementor Pro?

No. It works with free Elementor. Elementor Pro has its own theme builder, and you do not need both.

Will it fight my theme?

No. A header or footer template replaces the theme’s own output rather than drawing on top of it, so you do not end up with two headers. Themes that render their header in an unusual way are covered in the theme compatibility notes.

Does it slow the site down?

A template loads like any Elementor document. Sky Addons loads widget CSS and JavaScript per widget by default, so a header template pulls in the files its own widgets need and nothing else.

What happens if I switch the plugin off?

Your templates stay in the database and the theme’s own header and footer come back. Nothing is overwritten, which is the point of not editing the theme in the first place.

The short version

A theme builder moves the header, footer, archive, single post and 404 page out of the theme and into Elementor, where you can actually design them. Sky Addons gives you six template types, conditions on every one including user roles, and a toggle that makes any change reversible. It is free, it works with free Elementor, and switching it off leaves your theme exactly as it was.

If the part of your site you like least is the part you cannot edit, that is the part a theme builder was built for.

Elementor theme builder archive template taking over the blog listing
The archive template taking over the blog listing.

Read the theme builder documentation for every template type in detail, or start with the header builder and the display conditions reference. For sticky behaviour in a header you have just built, see Elementor Sticky Element. Licence details are on the pricing page.

Written by
Shahidul Islam
Writes about the work behind the widgets — what shipped, why, and what it cost.
Share
In this post

More from the journal

Elementor Header Builder: Replace the Theme Header for Good

Elementor Header Builder: Replace the Theme Header for Good

The Sky Addons header builder replaces your theme header with an Elementor design, with display conditions, role targeting and a switch back.
Elementor Theme Builder: Design the Header, Footer and Archive Once

Elementor Theme Builder: Design the Header, Footer and Archive Once

The Sky Addons theme builder gives Elementor 6 template types, header, footer, single, archive, 404 and custom hooks, with conditions on every one.
Facebook Feed Carousel: Show the Page Without Giving It a Whole Screen

Facebook Feed Carousel: Show the Page Without Giving It a Whole Screen

The Facebook Feed Carousel shows your page posts as a row rather than a grid: two designs, one to five columns, and the same cached feed. Sky Addons Pro.

Comments are closed.