1. Home
  2. Ansar Elements
  3. Site Builder
  4. Footer

Footer

The Footer Template Builder in Ansar Elements allows you to create a custom website footer visually using Elementor. Instead of using your theme’s default footer, you can fully design your own footer with drag-and-drop widgets like Navigation Menu, Copyright Text, Social Icons, Site Logo, and Contact Info.


How to Create a Footer Template

Step 1: Open Site Builder

From your WordPress Dashboard, go to:

Ansar Elements → Theme Builder

Then select the Footer tab.


Step 2: Create a New Footer

Click Create Template.

Add the following details:

  • Display Conditions (Pro) – Choose where the footer should appear:
    • Entire Site
    • Specific Pages
    • Blog Posts
    • Categories/Archives

Step 3: Edit with Elementor

Click Edit with Elementor to open the visual editor.

Use Ansar Elements widgets to design your footer, such as:

  • Navigation Menu
  • Social Icons
  • Site Logo
  • Contact Information
  • Copyright Text

Styling Options

You can fully customize your footer using Elementor controls:

  • Container Styling: Background, padding, margin, border, shadow
  • Widget Styling: Colors, typography, spacing, hover effects
  • Responsive Controls: Adjust layout for desktop, tablet, and mobile

Publish the Footer

Once your design is complete:

  1. Click Publish
  2. Confirm your display conditions
  3. Save changes

Your custom footer will now be active on your website.


Pro Tip

Keep your footer clean and organized by using important links, social icons, and copyright information. Always check the footer layout on mobile devices before publishing.

How can we help?