How to edit a footer in WordPress using the Customizer<\/h2>\n\n\n\n
In 2021, most themes use a native WordPress feature called the Customizer<\/strong><\/a> to manage theme customizations<\/a>, including editing the footer.<\/p>\n\n\n\n Inside the Customizer, there are a few different ways you’ll manage your site’s footer:<\/p>\n\n\n\n Your theme might use one, two, or all three of these options to give you control over your footer. We’ll show you how all of them work in this section.<\/p>\n\n\n\n To open the WordPress Customizer<\/a>, go to Appearance \u2192 Customize<\/strong> in your WordPress dashboard. You should see a live preview of your site on the right, along with a settings sidebar on the left.<\/p>\n\n\n\n Now, we’ll take you through the common scenarios for how to edit a footer in WordPress using the Customizer…<\/p>\n\n\n\n In 2021 and beyond, many WordPress themes use WordPress’ built-in widget system to control footer content.<\/p>\n\n\n\n To see if this applies to your theme, choose the Widgets<\/strong> option in the sidebar settings. Then, you’ll see a list of widget locations in your theme.<\/p>\n\n\n\n If your theme supports footer widgets, you should see at least one entry for a footer location. It’s also common to see multiple footer widget locations. If this is the case, each widget location typically represents a common in your footer.<\/p>\n\n\n\n For example, the Twenty Twenty theme includes two footer widget locations – each represents one column of its two-column footer layout:<\/p>\n\n\n If you choose one of those areas, you can add\/remove\/edit WordPress widgets to control the content in that part of the footer. As you make changes, you should automatically see the live preview of your footer update:<\/p>\n\n\n If you want to add more widget options, you can use a WordPress widget plugin<\/a> to add new types of widgets.<\/p>\n\n\n\n Once you’re happy with how your footer looks, make sure to click the Publish<\/strong> button at the top of the sidebar to make your changes live.<\/p>\n\n\n\n Some themes include their own special options to customize the footer. For example, our free Neve theme<\/a> includes its own drag-and-drop footer builder that lets you create your own custom footer layout.<\/p>\n\n\n\n These settings will be located somewhere inside your theme’s options in the Customizer’s sidebar. With Neve, it’s super easy to access the footer options – you just choose the top-level Footer<\/strong> selection. However, many other themes place their footer settings in a sub-menu of another section.<\/p>\n\n\n\n A good trick to quickly find these settings is to hover over your footer on the live preview. You should then see a blue pencil icon – if you click that icon, it should take you straight to the footer settings:<\/p>\n\n\n From there, you can use your theme’s settings to customize your footer. With Neve, you get this really neat drag-and-drop builder where you can control the exact layout of your footer:<\/p>\n\n\n Your theme might not give you quite as flexible a tool, but you should have at least some options.<\/p>\n\n\n\n As you make changes, the live preview of your footer should automatically update.<\/p>\n\n\n\n Once you’re happy with how it looks, make sure to click the Publish<\/strong> button.<\/p>\n\n\n\n Some WordPress themes use the WordPress menu system<\/a> to create a footer menu. This lets you edit the links that appear in your site’s footer, but it doesn’t let you add custom content as you can with widgets.<\/p>\n\n\n\n Depending on how your theme was built, you might use a footer menu to control just a part of your footer. Or, your theme might not even have one.<\/p>\n\n\n\n To check if your theme has this feature, open the Menus<\/strong> area in the WordPress Customizer. Then, select the option to View All Locations<\/strong>:<\/p>\n<\/div>\n\n\n\n If your theme has a footer menu, you should see a location named “Footer Menu” or something similar. You can either choose an existing menu from your site or click the link to create a new menu:<\/p>\n\n\n If you create a new menu, you’ll then be able to add menu items right there in the Customizer. As you add new content, you should automatically see the live preview update:<\/p>\n\n\n Once you’re finished, make sure to click the button to Publish<\/strong> your menu.<\/p>\n\n\n\n If learning how to edit a footer in WordPress isn’t enough for you, you can take things a step further and create your own completely custom footer.<\/p>\n\n\n\n Don’t worry – you don’t need any special technical knowledge or code skills to do this. Instead, you can use a visual, drag-and-drop editor to create the perfect footer for your site.<\/p>\n\n\n\n You’ll be able to fully control the layout and colors, while also adding your own text, images, forms, buttons, social media integrations, and more.<\/p>\n\n\n\n To achieve this, you can use two free plugins:<\/p>\n\n\n\n To get started, make sure to install and activate both plugins. Then, follow these instructions for how to edit a footer in WordPress using Elementor\u2026<\/p>\n\n\n\n Once both plugins are active, go to Appearance \u2192 Header Footer & Blocks<\/strong> in your WordPress dashboard. Then, click Add New<\/strong> to create a new template:<\/p>\n\n\n Under Type of Template<\/strong>, choose Footer<\/strong>. Then, you can use the other settings to control where to display your footer and who should see it. To use this footer for every page on your site, select the option to display on the Entire Website<\/strong>.<\/p>\n\n\n\n Once you’re happy with the rules, click the button to Publish<\/strong> it, just like a blog post:<\/p>\n\n\n Next, click the big Edit with Elementor<\/strong> button to launch the Elementor interface. Now, you can use the visual drag-and-drop editor to customize every part of your footer.<\/p>\n\n\n\n To get started, add a section with the number of columns you want to use:<\/p>\n\n\n Then, you can add different types of content using Elementor’s many widgets. The Elementor \u2013 Header, Footer & Blocks Template plugin also adds some useful widgets of its own, such as a dedicated Copyright<\/strong> widget:<\/p>\n\n\n Once you’re happy with your design, make sure to save it. Then, it will be live on your site.<\/p>\n\n\n\n For more on how to use Elementor, check out these posts:<\/p>\n\n\n\n Sometimes, you might want to add backend code to your WordPress site’s footer instead of changing how it looks to visitors. You’ll commonly use this approach for tracking scripts, analytics, A\/B testing<\/a> tools, etc. Basically, any situation where you need to add some JavaScript to your site’s footer.<\/p>\n\n\n\n To easily inject this code without needing to create a child theme<\/a> and manually edit your footer template, you can use the free Insert Headers and Footers plugin from WordPress.org<\/a>.<\/p>\n\n\n\n Once you install and activate it, you can go to Settings \u2192 Insert Headers and Footers<\/strong> and add the scripts to include in your WordPress footer:<\/p>\n\n\n To recap, we’ve shown you a few different methods that you can use to edit a footer in WordPress.<\/p>\n\n\n\n Most people should start with the WordPress Customizer, as that’s where your theme should have its built-in footer customization options.<\/p>\n<\/div>\n\n\n\n\n
How to edit footer widgets in WordPress<\/h3>\n\n\n\n
![\"WordPress](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-1.jpg\")
<\/figure><\/div>\n\n\n![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-2.jpg\")
<\/figure><\/div>\n\n\nTheme settings<\/h3>\n\n\n\n
![\"Theme](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-3.jpg\")
<\/figure><\/div>\n\n\n![\"Neve](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-4.jpg\")
<\/figure><\/div>\n\n\nWordPress menu<\/h3>\n\n\n\n
![\"WordPress](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-5.jpg\")
<\/figure><\/div><\/div>\n<\/div>\n\n\n\n![\"Creating](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-6.jpg\")
<\/figure><\/div>\n\n\n![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-7.jpg\")
<\/figure><\/div>\n\n\nHow to create a custom WordPress footer with drag-and-drop<\/h2>\n\n\n\n
\n
1. Create a footer template<\/h3>\n\n\n\n
![\"Create](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-8.jpg\")
<\/figure><\/div>\n\n\n![\"Use](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-9.jpg\")
<\/figure><\/div>\n\n\n2. Add content with Elementor<\/h3>\n\n\n\n
![\"Edit](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-10.jpg\")
<\/figure><\/div>\n\n\n![\"Add](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-11-1.jpg\")
<\/figure><\/div>\n\n\n\n
How to add custom code to WordPress footer<\/h2>\n\n\n\n
![\"How](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/02\/how-to-edit-footer-wordpress-12-1.jpg\")
<\/figure><\/div>\n\n\nThat’s how to edit a footer in WordPress!<\/h2>\n\n\n\n