Blog

How to edit footer in Elementor

How-to-edit-footer-in-Elementor

Table ofContents

Want to give your website’s footer a fresh new look but don’t know where to start? Our guide is here to help you learn how to edit footer in Elementor very easily.

It’s actually common for beginners and even experienced web designers to forget about the footer part.

With Elementor, editing the footer part or making the footer sticky is easy.

Yet, it requires a demonstration so you can do it in the 1st try.

In this article, you will learn about-

  • Creating Footer in Elementor with Theme Builder.
  • Creating Globally customizable Footers.
  • Making Footers for specific pages with Global settings.
  • Making Footers for pages without Global settings.

How to edit Footer in Elementor

Elementor allows you to create and customize the site footer in several ways.

But which way you take depends on the purpose you need to serve.

To simplify, we can divide the topic this way-

  1. Create Footer through Theme Builder Template
    a. Edit with Global Settings
    b. Edit without Global Settings
  2. Create Footer as Templates (No Global Settings)
  3. Create Footer for specific pages (No Global Settings)
Below, we will be explaining each method with enough details and proper steps.

1. Create Footer through Theme Builder Template

Elementor theme builder is a site editing feature that lets you directly customize your theme.

If you want to remove the default footer in WordPress, you must use theme builder settings.

But to use Theme Builder feature, you need to purchase Elementor Pro package first.

Let’s continue with Elementor Pro.

a. Edit with Global Settings

If you set a Footer template to global settings, you will be able to customize it and update the template over the whole website.

No matter where and how many times you used that footer, you can customize it from one place.

To do that, first, you will need to access the Theme Builder option.

Step 1: Access the Theme Builder option

Elementor Templates menu - Theme Builder 1

Go to your WP Dashboard > Templates > Theme Builder.

Step 2: Click on the Footer Tab

Elementor Templates menu - Theme Builder 2

Now you should be able to see an interface similar to the image above. Here, click on the Footer option and then click on Add New.

Step 3: Choose a Design

Elementor Templates menu Theme Builder 3 - BdThemes

Once you click the Add New button, it will take you inside the editor page and the Elementor template library will pop up by default.

You can choose a footer template from the library to start.

Or you could go from the scratch.

Step 4: Customize the Footer Design

Elementor Templates menu - Theme Builder 4

It’s best if you customize the footer to highlight your brand presence.

Most of the time people go with templates instead of custom Elementor footer to save time though.

Step 5: Display Condition Apply

Elementor Templates menu - Theme Builder 5

Once your footer is ready, you can click on the tiny arrow icon beside the “Publish” button and select “Display Conditions”.

Step 6: Display Condition Apply

Elementor Templates menu - Theme Builder 6

If you want to keep this footer for your entire website, then choose the “Entire Site” option and hit the “Save & Close” button below.

With this, the template will be used as a dynamic property (global settings).

You can modify it later on and the changed version will reflect on the whole site.

Elementor Templates menu Theme Builder 7 1 - BdThemes

In case you want to show the footer for certain pages, you may select the “Singular” option first and then choose next.

Elementor Templates menu - Theme Builder 8

You can further narrow it down by selecting the exact pages if you want.

Also, multiple conditions can be applied at once.

Step 7: Template Saved

Elementor Templates menu - Theme Builder 6.1

You will be able to set a name for this global footer template once you exit the editor page.

Step 8: Find Saved Global Template

Elementor Templates menu - Theme Builder 6.2

This saved footer template won’t appear on the “Saved Template” section inside WP Dashboard.

However, it will appear inside the Theme Builder template library.

Elementor Templates menu - Theme Builder 6.3

Later, you can just access the template library inside the page editor and use the footer template flexibly. (in case of blank/custom pages)

b. Edit without Global Settings

You can also make your footer template without global settings.

Doing this will save the footer as a plain template and won’t update on every pages when you change something.

For most cases, people don’t edit footer in Elementor this way because it creates problems with maintenance and changes.

Step 1: Save as Template

Elementor Templates menu - Theme Builder 9

Continue till Step 4 from above and then instead of display conditions, go with the “Save as Template” option.

Step 2:

Elementor Templates menu - Theme Builder 10

When you do this, the footer will be saved as a plain template that you can quick import on other pages.

Elementor Templates menu - Theme Builder 11

It becomes a regular template with no global settings or sync.

That means you have to edit the footer in Elementor for every page you have used it on each time you need to update the footer.

2. Create Footer as Templates (No Global Settings)

Quite similar to the last part above, if you edit and save your Elementor footer as a template, it looses global settings and become static.

Elementor Templates menu - Theme Builder 12

You can simply go inside the Templates section and click on the “Add New” option to open the template editor and start creating your footer.

Once you save it, it stays as a template for later usage.

3. Create Footer for specific pages (No Global Settings)

Apart from the Theme Builder and Template features, you can directly create and customize footers in your pages.

Though this is an inconvenient method because the footer only stays within the page.

Also, editing it later on gets difficult.

Elementor Custom Footer

Step-1: Add a test page

To begin, go to the Elementor page builder. Select a test page, and enter a section with four columns in the text area.

how to edit footer in Elementor

Step-2: Add footer in the section

Next, add footer blocks in the section as you need. After adding the blocks template, you can customize them easily.

footer 02 - BdThemes

Next, we are going to discuss the second method, which is by using the templates. For this, follow the steps below:

Elementor Footer Template

Step-1: Add a test page

Here, select a test page, hit the Element Pack Pro, and open Elementor page builder. There you can insert templates.

footer 03 - BdThemes

Step-2: Insert a template

After that, a box will appear; go to the Footer menu, and insert the selected template as shown below.

footer 04 - BdThemes

Step-3: Insert footer in the text area

Now, the footer will be shown in the text area.

footer 05 - BdThemes

Step-4: Customize the footer

Now, you can edit or customize the footer section using the menu on the left.

footer 06 - BdThemes

Congrats! You have successfully edited the custom footer for yourself. You can easily edit the footer at any time following the methods.

Bonus:- Create Elementor Sticky Footer

Sometimes, it’s best to have a sticky footer in your WordPress website to let users access some of the useful footer navigations.

By default, it’s not possible to create a sticky footer in Elementor.

But if you have Element Pack addon install on your site, the option is available to you.

Elementor Templates menu Theme Builder 13 - BdThemes

Once you have Element Pack installed, just go into the Theme Builder or Templates menu > click on Section settings > go to Advanced tab > turn on Section Sticky switcher > and configure sticky properties.

This way, you can make your footer sticky in Elementor.

Wrapping up

We have discussed the footer and described how to edit the sites footer by Elementor widget above.

Hope this will help you a lot, and you can use this afterward for your WordPress website.

Feel free to share your thoughts about this article.

Share this post to your social media

advanced divider
Picture of admin
admin

Leave a Reply

Over 300,000+ Readers
Get fresh content from Bdthemes
Subscribe tonewsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.

No spam messages. Only high-quality information that you deserve.

Explore OurProduct

Table of Contents

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge