Footer

Just like headers, Master Addons lets you design custom footers using Elementor’s drag-and-drop editor through the Theme Builder. You can create different footers for different sections of your site – like a simple footer for blog posts and a detailed one with contact info for your homepage. The condition system works exactly the same as for headers.

Step-by-Step: Creating a Footer Template #

1. Start a New Template #

Go to Master Addons → Theme Builder and click Add New Template.

2. Set Up Basic Info #

• Template Title: Name it something clear (e.g., “Main Footer” or “Blog Footer”).
• Template Type: Select Footer from the dropdown.
• Activation: Make sure to enable active after finishing your footer design.

Click Save Settings before moving to design.

3. Design Your Footer with Elementor #

Click Edit with Elementor to open the visual editor. Here’s where you build your footer layout.

Design Tips:

• Use Elementor’s container to create multi-column layouts (common for footers with widgets).
• Add native Elementor widgets like:
  • Text Widget for copyright info
  • Image Widget for logos
  • Menu Widget for footer navigation
  • Social Icons for links
  • Contact Form
• For advanced designs, consider Master Addons widgets like:
  • Progress Bars for skill displays (for portfolio sites)
  • Team Member widget (for agency footers)
  • Counter widgets for statistics

4. Set Display Conditions #

After designing, go to the Conditions tab. The system is identical to headers:

Two Main Sections:

• Include: Where your footer will show up
• Exclude: Where it won’t (overrides Include)

How to Add Conditions:

1. Click ADD CONDITION
2. Choose from:
   • Entire Site (everywhere)
   • Front Page (homepage only)
   • Singular (posts, pages, custom posts)
   • Archive (category, tag, author pages)
   • Search Results
   • 404 Page
3. For Singular, you can narrow further (All Posts, All Pages, or specific items).

5. Common Footer Condition Examples #

Example 1: Global Footer

• Include: Entire Site
• Exclude: (none)
• Result: Same footer on every page.

Example 2: Special Homepage Footer

• Include: Front Page
• Exclude: (none)
• Create a second footer template with:
  • Include: Entire Site
  • Exclude: Front Page
• Result: Unique footer on homepage, different footer everywhere else.

Example 3: Blog-Only Footer

• Include: Archive + Singular → Posts
• Exclude: Front Page
• Result: Special footer appears on blog posts and archive pages, but not homepage.

Example 4: No Footer on Landing Pages

• Include: Entire Site
• Exclude: Singular → Pages → [Select specific landing pages]
• Result: Footer shows everywhere except selected landing pages.

6. Save & Test #

Click SAVE SETTINGS. Visit different pages on your site to verify the correct footer appears.

Advanced Footer Design Ideas #

Multi-Part Footers #

Create a footer with sections:

1. Top Footer: Announcement bar or newsletter signup
2. Middle Footer: 4-column widget area (About, Links, Contact, Social)
3. Bottom Footer: Copyright and legal links

Sticky/Reveal Footers #

Use Elementor’s Motion Effects to make your footer:

• Sticky: Always visible at bottom
• Reveal on Scroll: Appears when user scrolls down

Dynamic Content in Footers #

Add Master Addons Dynamic Tags to make footers smarter:

• Current Year in copyright (so it updates automatically)
• Site Title/Logo
• Contact Info from WordPress customizer

Troubleshooting Common Issues #

Problem: Footer doesn’t appear

• Check: Conditions might be too restrictive. Try “Include: Entire Site” first.
• Check: Your theme might have its own footer. Ensure Theme Builder templates are set to override.

Problem: Wrong footer shows

• Check: Multiple footer templates with overlapping conditions. The most specific condition usually wins.

Problem: Design looks broken

• Check: Elementor’s responsive settings. Test on mobile.
• Check: Column widths and padding in your layout.

Pro Tips #

1. Start Simple: Create one global footer first, then make specialized versions.
2. Use Templates: Save your footer design as an Elementor Template to reuse on other sites.
3. Mobile-First: Design for mobile first—footers get stacked on small screens.
4. Performance: Don’t overload footers with heavy widgets (sliders, videos) as they load last.

With Master Addons Theme Builder, your footer becomes a flexible, designable element – not just a static area. You can match footers to different site sections, create seasonal footers, or even A/B test different designs. The condition system gives you precise control without touching code.