Footer

Estimated reading: 2 minutes 7 views

đź§© Create a Custom Footer Template with Theme Builder

The Footer Template feature in the Topper Pack allows you to design a unique, professional footer using Elementor—without touching a single line of code. Whether it’s a copyright notice, social icons, or dynamic widgets, you can place them exactly where you want and control where the footer appears on your website.

đź”§ Why Use a Custom Footer?

  • Full Design Freedom: Use Elementor to design every pixel.
  • Dynamic Content: Add widgets, menus, icons, contact forms, and more.
  • User Role Targeting: Show different footers to different users.
  • Page/Section Control: Display the footer globally or on selected pages only.
  • Faster Workflow: Build once and apply it site-wide.

📍 Step-by-Step: How to Create a Footer Template

1. Navigate to Theme Builder

Go to your WordPress Dashboard →
Topper Pack → Theme Builder → Add New Template

2. Set Template Name

Example: Site Footer, Copyright Footer, or Main Footer

3. Choose Template Type

From the “Type of Template” dropdown, select Footer.
✅ This tells the system to register this layout as your website’s footer.

4. Select Display Conditions

Under Display On, choose where you want this footer to appear:

  • Entire Website – Apply globally.
  • Specific Pages – For example, only on blog posts or WooCommerce pages.
  • Advanced Conditions – Use Exclusion Conditions for fine control.

5. User Role Visibility (Optional)

Choose All (default), or select specific roles:

  • Logged In / Logged Out
  • Administrator / Editor / Subscriber
  • Shop Manager / Customer (WooCommerce)

This is useful for showing different footers based on user type.

6. Design the Footer with Elementor

Click the “Edit with Elementor” button.
Use any Elementor widgets:

  • Text, Icons, Social Links, Navigation Menu
  • Newsletter Form, Call-to-Action Button, Image, and more.

đź’ˇ Tip: Use Topper Pack widgets for even more custom styles.

7. Publish the Footer

Once your design is complete, click the Publish button.

That’s it! Your custom footer is now live based on the conditions you’ve set.

Leave A Comment

All fields marked with an asterisk (*) are required