How to edit footer in wordpress elementor

New Page

How to Edit Page Headers and Tarts with Elementor in WordPress

Pair / Elementor jeremy holcombe

Compare via:

  • Facebook
  • Gore
  • LinkedIn

If you use Elementor for a temp, you know that it is a very solid WordPress page builder with a lot of capabilities. However, there is always room to add more features, and if you want to edit page headers and tarts, you will need an additional plugin.

Editing a header or footer in Elementor can be a difficult process if you’re not sure where to look for the solution. In this article, I will show you how to use a great plugin that will allow you to create a layout with Elementor and then assign that layout as a header or footer on your website.

Let’s take a look at the plugin in question, and then learn how to use it together.

Elementor – Header, Footer and Blocks

Elementor Header, Footer & Blocks Plugin Elementor Header, Footer, Blocks Plugin

El complemento Elementor: encabezado, pie de página y bloques le permite crear encabezados y pies de página de sitios web con Elementor. Usted crea un diseño personalizado utilizando el generador de páginas y luego lo configura como un elemento de encabezado o pie de página de Elementor en su sitio web.

También tendrá la capacidad de usar un bloque personalizado con el complemento. Básicamente, la herramienta es fácil de instalar, activar y configurar. Es liviano y brinda aún más flexibilidad y opciones de construcción a Elementor. Como sabe, este creador de páginas ya está repleto de funciones.

Echemos un vistazo a cómo instalar, activar y configurar el complemento Elementor: encabezado, pie de página y bloques.

Nota: este tutorial asume que ya tiene el complemento Elementor ejecutándose en su sitio web alojado en WordPress .

Instalar y activar el complemento

Para editar encabezados y pies de página en Elementor, primero debe instalar y activar el complemento. Puede hacer esto buscándolo en la página de complementos de su panel de administración de WordPress.

Install and activate the plugin to edit page headers and tarts Install and activate the plugin to edit headers and footers

Una vez que el complemento se haya instalado y activado, haga clic en Apariencia> Generador de pie de página de encabezado. Verá esto ubicado en el menú izquierdo de su panel de administración de WordPress.

Click on the appearance and then on the header and footer builder Click on appearance then on header footer builder

Ahora, hay un par de temas de los que debemos hablar rápidamente antes de continuar. Este complemento en realidad solo es compatible con ciertos temas de WordPress . Hay dos formas de solucionar este problema:

  1. Install a theme that is compatible with the plugin (list below)
  2. Click on the “Theme Support” tab in the settings section for the plugin and follow those directions.

Install Compatible Theme

The Elementor – Header, Footer, and Blocks plugin is only compatible out of the box with the following themes:

  • Astra
  • Neve
  • Hestia
  • GeneratePress
  • OceanWP
  • Genesis
  • Phlox Theme
  • Attesa Theme

These are the best themes to use with Elementor.

Note: Some of these themes also offer a variety of child themes. All of those will work as well. So your first option is to use one of the themes from the above list.

Use the Theme Support Tab

Once you are in the settings section for this plugin you will see two tabs.

  • All Templates
  • Theme Support

Click on the “Theme Support tab.

You will see a couple of different solutions here for adding theme support to the plugin. Go ahead and choose the one you prefer.

Theme support tab for editing headers and footers Theme support tab for edit headers and footers

The recommended method should work for most themes. If it doesn’t, try the second method. Now, if neither of those two methods work, then you have two choices. You can contact your theme developer and ask them to add support for this plugin, or you can install a compatible theme from above.

Now that is done let’s go ahead and look at how to use this plugin to edit headers and footers.

Note: You will know you can use the plugin properly because the “Theme Support” tab will disappear and you can now add a new template.

Add Header or Footer For Elementor

Now that you are in the template section, go ahead and click on the “Add New” button to add and edit headers or footers for Elementor.

Click the Add New button Click the add new button

You will be taken to an editing page for the plugin. Here, you will need to complete a two-step process. You need to select all the options you want for the Elementor header or footer and save them. Once saved, you will be presented with a shortcode as well that you can use to put the block in where you want.

Once you make those selections, you can now actually build the header, footer, or custom block using Elementor. Let’s look at what both steps take to accomplish.

Elementor Header and Footer Options

The first thing to do is to set the header and footer options for the new template you are about to build. You are going to name the template. From there, you have several options. They include:

Type of Template: Header, before footer, footer, or custom block.

Display On: Here you will select where to display the header footer on your site. You will also be able to add display rules and exclusion rules.

User Roles: Select your user roles of who can make edits.

Enable Layout for Elementor Canvas: This will allow you to edit using the “canvas” layout that Elementor offers.

Edit header and footer options Edit header and footer options

Once you have these configurations how you want, click the “Publish” button and the template styles will be published.

Edit Headers and Footers Using Elementor

Now you can go ahead and actually build and edit your header footer layout using Elementor. To do this, click on the “Edit with Elementor” button.

Edit with Elementor Button Edit with elementor button

This will open the Elementor editor where you can then build, design, and edit headers and footers using the Elementor page builder.

Elementor page builder to edit headers and footers Elementor page builder to edit headers and footers

When you are finished, click on the green “Publish” button at the bottom of the editor and you are all set.

That’s it! You can now display this header or footer in the places you chose while configuring the template. The header footer will display based on the rules you have in place. You can also use the shortcode to display it in blocks or other parts of your website.

Final Thoughts

The Elementor page builder for WordPress is arguably the very best page builder out there right now. That being said, there are a lot of great ad-on plugins available that make this page builder even more powerful.

With this plugin, you can now edit headers and footers and display custom ones in different parts of your website based on the various rules you set. The kicker, you get to build and design these headers and footers using Elementor, which makes creating custom blocks and designing custom headers and footers even easier.

When you combine a page builder like Elementor with a platform like WordPress, the possibilities are endless when it comes to concept and design. This plugin only gives you even more options.

I hope this tutorial showed you how to effectively create headers and footers for display using Elementor. Keep in mind that this specific plugin may require a little extra work to get started. You may need to contact a theme author or use a compatible theme for the plugin to work. However, the process is worth it because your site will be as personalized as you want it to be.

What other plugins do you use to create custom headers and footers in WordPress? Have you found any that are compatible with Elementor and as easy to build and display as this one?

Compare via:

  • Facebook
  • Gore
  • LinkedIn

Site Internet

5 Easy Steps to Edit Footer in WordPress

57a36e31c29085c1319b9691b0d7966d

today’s egg

Posted on 28 May 202120 May 2021

Share on:

Twitter LinkedIn Facebook

Disclosure: This content is reader supported, which means that if you click on some of our links, we may earn a commission.

If you’re looking for step-by-step instructions on editing the footer in your WordPress website, this article is for you.

There are many ways to utilize your site’s footer space. You could use it to add the links to your privacy policy or affiliate disclosure, add attractive social media icons, an email opt-in box, or a small text snippet from your About page.

Or maybe you just want to remove “Proudly powered by WordPress” from the bottom of your site.

Whatever it is, we’ve got you covered.

What Is A WordPress Footer?

A footer is an area that appears at the bottom of a website after the main body content. Just like a site’s header, the footer also usually appears on every page of a site.

For example, here’s the footer of the CrazyEgg blog.

image29-1024x403

Most sites use their footer area to house important links like disclaimers, privacy policy, and other key pages of your site.

In WordPress, the footer exists as a separate file named footer.php, which loads with every page of your site. So any changes that you make to footer.php will reflect across your site.

Why Editing The Footer In WordPress is Worth It

The footer appears on every page of your WordPress site. You can’t just waste this space with unimportant links or default messaging from your WordPress theme.

You should use your site’s footer to your advantage by highlighting essential links you can’t feature in the header. 

The footer also gives you an excellent opportunity to strengthen your brand image and make a long-lasting impression on your visitors.

Instead of leaving this space empty or with useless information, you can add your logo to it along with a quick introduction to your brand or a punch line that captures the essence of your business.

The site’s footer is also critical from an SEO perspective. Since it appears on every page of your site, any links in the footer will be considered site-wide links. Never use this space to stuff keywords or internal links to get more page authority. Only feature links that are useful to your audience or legally required.

These are just some of the reasons why you should always edit your WordPress site’s footer after installing a theme.

Thankfully, most WordPress themes come with dedicated options to edit the footer, which means you don’t need to open footer.php to edit the code manually. Tinkering directly with footer.php is not recommended because if anything goes wrong with the code, footer.php will stop loading, and your site will stop working.

The Investment Needed to Edit the Footer in WordPress

Whether you’re using a free or premium WordPress theme for your site, editing the footer doesn’t require any monetary investment.

If you understand coding, you can directly edit footer.php from your WordPress dashboard. But, as I’ve already mentioned, we don’t recommend that method.

Instead, there are several secure methods with which you can add images, text, links, or menus to your site’s footer.

Here are the methods that I’ll cover in this post.

  • Using WordPress Customizer
  • Using WordPress Widgets
  • Using a WordPress plugin

There are many free and premium WordPress plugins to edit your site’s footer. In my opinion, the free plugins do the job well. But if you prefer to use premium plugins, you can add that as a potential investment when editing your WordPress site’s footer.

Other than that, you only need to invest some time to edit your footer.

5 Ways To Edit the Footer in WordPress

Let’s now explore the different ways you can edit your WordPress site’s footer. 

Edit Footer With WordPress Theme Customizer

The WordPress Theme Customizer is an option in your WordPress dashboard that allows you to customize your site’s appearance, edit its header and footer, change its titles, and many other universal settings.

This is the most secure and user-friendly way to edit the footer in WordPress.

Here are the steps you need to follow.

Note: We’re using a popular WordPress theme named Astra, which has additional customization options. But you’ll find the footer editing options in every theme.

Sign in to your WordPress dashboard.

Go to Appearance → Customize.

image20

In the website customization menu, click on Footer.

image17

You can edit the footer by using widgets to add new sections or by editing the content and style of the footer bar. Click on Footer Bar to continue.

image12

In this section, you can edit the footer layout and text. Use the text box to change the default text of your site’s theme.

image15

Scroll down this page to get different styling options for your site’s footer.

image19

When you make the desired changes, click Publish to save your footer settings.

image24

You’ve successfully edited your WordPress site’s footer. 

You can always come back to this section if you want to add or remove something from your site’s footer in the future.

Add Widgets To Your WordPress Footer

Widgets are among the most valuable features in WordPress. These are small content blocks that you can drag & drop in different sections of your site to insert text, videos, images, HTML code, etc.

Most WordPress themes give you the option to use widgets in the footer as well.

Here’s how you can use them to edit your WordPress site’s footer.

Log in to your WordPress site’s dashboard.

Go to Appearance → Widgets.

image30

On this page, you’ll see multiple footer sections. These are the different blocks within your site’s footer that you can edit using widgets. Click on Footer Widget Area 1 to open it.

image1-11-1024x526

On the left side of the Widgets page, you can see different widgets that you can drag and drop to the different footer bar sections. Click and drag the Custom HTML widget to Footer Bar Section 1.

image11-1

You can copy any script or code to this footer widget. Once you’re done, click Save.

The text widget is also quite popular and comes with the standard WordPress editor and the full formatting options, including adding media. Drag it to Footer Bar Section 2.

image4-12

After entering your text, click Save to publish the widget in your footer.

As you can see, editing your site’s footer using widgets is even easier than the previous method.

Add A Menu To WordPress Footer

Most website owners add one or more navigation menus to their site’s footer. These are often secondary menus that consist of links that aren’t important enough to feature in your header but still important for your users.

Here’s how you can create such menus for your site’s footer.

Sign in to your WordPress site’s dashboard

Go to Appearance → Menus.

image2-12

Click on create a new menu.

image16

Give your footer menu a unique name that’s easily identifiable.

image37-1024x299

In Menu Settings under Display Location, select the checkbox next to Footer Menu.

image8-6

Click Create Menu to finish the basic setup of your menu and move to the next step.

image23

You have successfully created your footer menu, but now you need to choose the links that appear in it. Select all the relevant pages from Add menu items.

image22

Click Add to Menu to move these pages to your footer menu.

image31

You can also add any posts, custom links, and categories to your menu from the “add menu items” section.

image10-3

Once you add all the pages to your menu, you can drag them into any order you like.

image21

Click Save Menu to publish it in your site’s footer.

image39

That was the process for adding a new menu to your WordPress site’s footer.

But if you want to add an existing menu to your footer, follow these steps:

Click on Manage Location on the Menus page.

image38

Click on the dropdown next to Footer Menu and choose a menu from the list.

image14

Click Save Changes to publish the menu in your site’s footer.

image32

You have successfully created a footer menu for your WordPress site. To place it in the footer, go to Appearance → Widgets from your WordPress dashboard.

Click on the Footer Widget Area where you want to place the menu.

image18

Now drag the Navigation Menu widget to the Footer Widget Area.

Give your menu a title (optional).

image9-3

From the dropdown below the title field, select the menu you created for your site’s footer.

image27

Click Save to publish the changes.

image5-10

Your new menu will now display in the footer area of your WordPress site. Using this same process, you can create multiple menus for your site’s footer.

Add An HTML Code Or Script To The Footer

Many site owners usually place different scripts and tracking codes of applications like Google Analytics, etc., in their footer.

If you want to do the same or ad any kind of code to your site’s footer, here’s the process you need to follow.

Log in to your WordPress dashboard.

Go to Plugins → Add New

image3-11

Search for the plugin “Insert Headers and Footers” in the search bar.

Locate the Insert Headers and Footers plugin and click Install.

image26-1024x367

Click Activate.

image25

Now go to Settings → Insert Headers and Footers on your WordPress dashboard.

image34

On the plugin’s page, scroll down to Scripts in Footer.

Copy your code/script in this text box.

image28-1024x410

Click Save to publish the changes.

image36-1024x410

You’ve successfully added your script between the <body></body> tags of your site’s footer.php file.

Remove “Powered By WordPress” From The Footer

The default footer text in many WordPress themes is “Powered by WordPress.” If you want to remove this text, you’ll need to edit your site’s footer.

You can do this through Appearance → Customizer in your WordPress dashboard in some themes, as I’ve already shown in this post.

But if your theme’s customization options don’t allow editing the footer, you’ll need to remove it by editing the code of your site’s footer.php file.

We don’t usually recommend editing the code directly, but this one’s simple.

Here’s how to do it.

Note: We’ve used the TwentySixteen WordPress theme for this example.

Sign in to your site’s WordPress dashboard.

Go to Appearance → Theme Editor.

image13

In the Theme Files list on the right of your screen, find and click on footer.php.

image35-1024x474

Before editing the code of this file, press CTRL+A to select the code and press CTRL+C to copy it.

Now, open a new Notepad file on your computer. Paste the code in the blank Notepad file. This is your code’s backup in case anything goes wrong.

Back in the footer.php window, press CTRL+F to open the text search box. Type “powered by” into the search box.

image6-9

Select and remove the highlighted line from your code.

image7-9

Cliquez sur Mettre à jour le fichier .

image33

Vous avez supprimé avec succès “Powered by WordPress” du pied de page de votre site.

Prochaines étapes

Comme je vous l’ai montré en détail, éditer le pied de page de votre site WordPress n’est pas difficile du tout. Il existe plusieurs façons de modifier votre pied de page, et aucune d’entre elles ne prend plus de quelques minutes de votre temps.

En utilisant les méthodes que j’ai expliquées, vous pouvez modifier le pied de page de votre site de nombreuses autres manières, telles que l’ajout d’icônes de médias sociaux, l’ajout d’un widget Google Maps, l’ajout d’un widget de boîte d’inscription aux e-mails, etc.

57a36e31c29085c1319b9691b0d7966d

Eggspert d’aujourd’hui

Cet article a été écrit par le Daily Eggspert d’aujourd’hui.

icône-logo

Improve your website. Immediately.

30 day free trial

Footer Site Part

  • Last updated on April 19, 2021

The Footer Site Part section of the Theme Builder lists all the footers you have created, if any, giving quick access to add, edit or remove any footer.

If no page tarts have been created yet, you will need to create one. Click Add New  in the upper right corner of the Footer Site Part screen.

sitepart-footer-blank-1024x318

Once you’ve created at least one footer, you’ll be able to manage them here.

sitepart-footer-1024x314

Edit the layout of an existing footer

  1. To edit an existing footer, click the footer tag in the sidebar. This will open the footer details panel.
  2. Click the Edit  link in the upper right corner of the specific footer you want to edit. This will open the Elementor editor for that footer.

sitepart-footer-1-1024x314

Edit the conditions of an existing page page

  1. Haga clic en el enlace Editar  conditions in the esquina lower izquierda del pie de página que desea editar. Esto directly open the viewing conditions editor for this page pie.

Note : The dotted display in the upper left corner of the footer indicates which parts of the site are live (have display conditions assigned) and which are just drafts (no display conditions have been assigned). A green dot indicates an active footer, while a gray dot indicates a draft footer. 

Note  : The Instances label in the bottom left corner of the footer shows the specific instances in which this template is used on the site. 

Export a page pie

  1. Click the  three horizontal dots  at the top right of the footer you want to export. 
  2. Choose  Export  to bring up a Save dialog that will save a .json file to your computer.

renamedelete-1

Delete a footer

  1. Click on the  three horizontal dots  in the upper right corner of the footer you want to remove. 
  2. Choose  Delete  , which will bring up a Delete Part confirmation dialog.
  3. Click Cancel  if you change your mind and decide you don’t want to remove the footer, or click Remove  to confirm that you want to remove the footer.

sitepart-delete-2

Rename a footer

  1. Click on the  three horizontal dots  in the upper right corner of the footer you want to rename. 
  2. Choose  Rename  , which will bring up a Rename Part dialog.
  3. Enter the new number and click Change  to complete the number change process, or click  Cancel  if you change your mind and decide you don’t want to change the number of that footer.

sitepart-rename-1

Google Google translator

Google Google Translate


Video How to edit footer in wordpress elementor

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…