What Theme Builder Actually Does
Templates without touching PHP. Custom header, footer, single post, archive, 404, search results, WooCommerce pages — all built in Elementor visually. Display conditions decide which template shows where.
Killer feature of Pro. Everything else on Elementor is optional next to this.
Requirements
- Elementor Free installed
- Elementor Pro active ($59+/yr)
- Hello Elementor theme recommended (but works with any theme)
Access Theme Builder
WP Admin → Templates → Theme Builder. Or Elementor editor → hamburger menu → Site Settings → Theme Builder.
1. Build a Custom Header
Steps:
- Templates → Theme Builder → Header → Add New
- Pick blank canvas or template
- Elementor editor opens
- Drag Container widget → set flex direction: row
- Add logo (Site Logo widget — dynamic)
- Add Nav Menu widget → select your WP menu
- Add Button widget (contact CTA)
- Style container background, padding, border-bottom
- Set container to “sticky” via advanced tab if needed
- Click Publish → Display Conditions
- Set: “Include → Entire Site”
- Save
Pro tip: Build TWO headers — one full for regular pages, one minimal for landing pages. Set conditions accordingly.
2. Custom Footer
Same flow as header. Templates → Theme Builder → Footer → Add New.
Standard footer structure:
- Container (row) → 4 columns
- Column 1: logo + tagline + social icons
- Column 2: Nav menu (secondary menu)
- Column 3: contact info
- Column 4: newsletter form (Form widget)
- Below: single column with copyright text
Display: Entire Site.
3. Single Post Template
The powerhouse. Every blog post uses this template automatically.
- Templates → Theme Builder → Single Post → Add New
- Structure:
- Hero container: Post Title (dynamic), Post Info (author, date, category)
- Featured Image widget (dynamic — pulls post thumbnail)
- Post Content widget (renders the blog body)
- Post Navigation (previous/next)
- Post Comments
- Related Posts (via Posts widget, filter by same category)
- Display Conditions: Include → All Singular → Posts
Dynamic content is key. Every dynamic widget shows real post data during preview. Change “Preview Settings” to test with different posts.
4. Archive Template (Blog Grid, Category Pages)
- Templates → Theme Builder → Archive → Add New
- Structure:
- Archive Title widget (dynamic — shows category name)
- Archive Description
- Loop Grid widget (or Posts widget) — displays posts in that archive
- Set columns, layout, card design
- Display Conditions: Include → In Archive → All Archives (or narrow to specific taxonomy)
5. Custom Post Type Templates
If using ACF or custom post types (portfolio, projects, testimonials):
- Create Single template
- Display Conditions: Include → Singular → [your CPT]
- Add dynamic widgets pulling ACF fields (Elementor Pro has Dynamic Content integration)
Example: portfolio project template pulling ACF fields for client name, project date, tech stack.
6. WooCommerce Templates (Pro only)
Custom product page:
- Templates → Theme Builder → Single Product → Add New
- Use WooCommerce Product widgets: Product Title, Product Price, Product Add to Cart, Product Images, Product Rating, Product Related
- Display Conditions: All Products (or specific category)
Custom shop archive:
- Products Archive template
- WooCommerce Products widget with filters
- Display: Shop Page + Product Categories
7. Display Conditions Deep Dive
The system that makes Theme Builder powerful.
- Include: where template SHOWS
- Exclude: where template DOESN’T show (overrides Include)
Common patterns:
- Include: Entire Site → Exclude: Landing Pages category (for headers)
- Include: All Singular → Posts → Exclude: In Category → News
- Include: Front Page (for homepage-only banner)
Multiple templates of same type: highest specificity wins. Category template beats “All Singular Posts.”
8. Template Priority
When two templates could apply to same page, use Publish → Display Conditions → “Set as Default” or increase priority number. Higher number wins.
9. Dynamic Content Everywhere
Any widget with a dynamic tag icon can pull post/user/site data:
- Heading → dynamic title → Post Title
- Image → dynamic image → Featured Image
- Text Editor → dynamic content → Post Excerpt
- Button link → dynamic → Post URL
Combined with ACF: pull any custom field into any widget setting.
10. Debugging Common Issues
Header not showing on some pages: Display Conditions too narrow OR theme’s own header still showing. Check theme settings or use Hello Elementor (blank theme).
Single post template ignored: Another template with higher priority is winning. Check “Set as Default” toggle.
Dynamic content shows placeholder text: Preview Settings not configured. Set specific preview post at bottom of Elementor editor.
Custom fields not appearing: ACF fields need to be assigned to the post type in ACF field groups.
Advanced — Custom Template for Landing Page Type
Landing pages often need stripped-down headers. Setup:
- Create category “Landing Page” or custom page template
- Build minimal header template (logo + single CTA)
- Display Conditions: Include → Pages → In Category → Landing Page
- Assign category to any landing page
Result: entire site has full header except landing pages get minimal one. Automated forever.
Real Case
Money page at /elementor-expert-developer/ uses Elementor Canvas template (no header/footer). Blog posts use custom single template pulling featured images, categories, related posts. All configured once via Theme Builder — automatic on every future post.
Save Time — Use It or Skip Elementor Entirely
If you’re building sites without Theme Builder, you’re using Elementor at 30% capacity. Either invest 4 hours to learn it properly, or pick a builder that doesn’t require Pro (free Elementor + block-based theme).
Need It Built For You?
Full custom Theme Builder setup on client sites: book here. Header, footer, single post, archives, WooCommerce templates configured in 2-3 working days.
FAQ
Do I need Hello Elementor theme? Recommended but not required. Any theme works. Hello has zero styling — cleanest canvas.
Can I use Theme Builder with a page builder theme (Astra, Kadence, GeneratePress)? Yes. Elementor Pro overrides theme’s default templates when Display Conditions match.
Does Theme Builder work with the free version? No. Pro only.
Can I export Theme Builder templates? Yes. Templates → Theme Builder → hover template → Export. Import to any other Elementor Pro site.
Do Theme Builder templates slow the site down? Only if bloated. Same performance rules as regular pages. See Elementor speed guide.
Leave a Reply