{"id":40623,"date":"2022-02-22T02:23:44","date_gmt":"2022-02-22T02:23:44","guid":{"rendered":"\/tutorials\/?p=40623"},"modified":"2024-05-20T08:57:48","modified_gmt":"2024-05-20T08:57:48","slug":"how-to-edit-footer-in-wordpress","status":"publish","type":"post","link":"\/my\/tutorials\/how-to-edit-footer-in-wordpress","title":{"rendered":"How to Edit Footer in WordPress: 3 Effective Methods + Plugins for Editing"},"content":{"rendered":"<p>When launching a WordPress website, editing the footer can be a bit frustrating.<\/p><p>Even though customizing a footer is not a complicated process, it can get time-consuming to get the design you want. This is because each WordPress theme may have different footer layouts.<\/p><p>However, don&rsquo;t take that as a reason for ignoring it. A footer can help your site in a couple of ways. Visitors navigate to the footer sections to look for information, and it&rsquo;s also useful for improving search engine optimization (SEO).<\/p><p>In this article, we will talk more about how to edit footer in WordPress. Plus, we&rsquo;ll add in a few WordPress footer plugins to help with the editing process.<\/p><p>\n\n\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-edit-footer-in-wordpress-video-tutorial\">How to Edit Footer in WordPress &ndash; Video Tutorial <\/h2><p>Learn how to edit the footer in <a href=\"\/my\/tutorials\/what-is-wordpress\">WordPress<\/a> using widgets, WordPress Customizer, the block editor, or a plugin.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Edit the Footer in WordPress\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/WHXtmEppbn8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n\n\n\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-academy.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Subscribe For more educational videos!<\/span>\n          <span class=\"channel-name\">Hostinger Academy<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n          <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCbNIC-svDbtUOH2qsLnPQPg?sub_confirmation=1\">\n            <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n            <span>Subscribe<\/span>\n          <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-what-is-a-wordpress-footer\">What Is a WordPress Footer<\/h2><p>The footer is the section of the website that is located at the very bottom of the page. It lists additional information about the site and links to pages that may be helpful for visitors. Other than that, the internal links help improve the <a href=\"\/my\/tutorials\/wordpress-seo-tips\">site&rsquo;s SEO<\/a>.<\/p><p>A footer area commonly consists of, but is not limited to, the following components:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"\/my\/tutorials\/how-to-create-wordpress-sitemap\">WordPress sitemap<\/a><\/li>\n\n\n\n<li><a href=\"\/my\/tutorials\/social-media-icons-wordpress\">Social media icons<\/a><\/li>\n\n\n\n<li>Newsletter subscription<\/li>\n\n\n\n<li>Links to company information pages &ndash; About, Contact Details, and Team<\/li>\n\n\n\n<li>Links to resources &ndash; Blog, Tutorials, and Courses<\/li>\n\n\n\n<li>Privacy Policy and Terms and Conditions<\/li>\n\n\n\n<li>Events and programs<\/li>\n\n\n\n<li>Customer service<\/li>\n\n\n\n<li>Copyright claims<\/li>\n<\/ul><p>It&rsquo;s not necessary to include all these elements. Select the ones relevant to your website to avoid having a footer area that takes up half of the web page.<\/p><p>When it comes to the footer design, it&rsquo;s all up to the users&rsquo; preference. However, keep in mind that the theme you choose for your WordPress site can affect the footer&rsquo;s styling, formatting, and features.<\/p><p>Here&rsquo;s an example of what a site footer looks like:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/hostinger-website-footer-example.png\"><img decoding=\"async\" width=\"1252\" height=\"564\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/hostinger-website-footer-example.png\" alt=\"An example of a footer on Hostinger's website\" class=\"wp-image-40611\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/hostinger-website-footer-example.png 1252w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/hostinger-website-footer-example-300x135.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/hostinger-website-footer-example-1024x461.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/hostinger-website-footer-example-150x68.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/hostinger-website-footer-example-768x346.png 768w\" sizes=\"(max-width: 1252px) 100vw, 1252px\" \/><\/a><\/figure><\/div><p>It&rsquo;s possible to have a footer like the one shown above without having any web developing experience. In the next section, we&rsquo;ll present four different methods on how to edit footer in WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-edit-the-footer-in-wordpress\">How to Edit the Footer in WordPress<\/h2><p>The footer content can be found in the <strong>footer.php<\/strong> file of the WordPress theme, and it&rsquo;s coded in either <a href=\"\/my\/tutorials\/what-is-html\">HTML<\/a> or <a href=\"\/my\/tutorials\/what-is-css\">CSS<\/a>.<\/p><p>However, you don&rsquo;t need to edit the file directly to customize a WordPress website footer. You can also use <a href=\"\/my\/tutorials\/wordpress-widgets\">widgets<\/a>, WordPress Customizer, or a plugin.<\/p><h3 class=\"wp-block-heading\" id=\"h-edit-your-wordpress-footer-with-widgets\">Edit Your WordPress Footer With Widgets<\/h3><p>One of the easiest methods to edit the footer is by utilizing the WordPress built-in widget system. However, this only applies to themes that have a footer widget area. If yours doesn&rsquo;t, simply use a different method.<\/p><p>To access the widget area, simply hover on <strong>Appearance <\/strong>and select <strong>Widgets <\/strong>from your <a href=\"\/my\/tutorials\/wordpress\/how-to-login-to-wordpress-dashboard\">WordPress dashboard<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-widgets.png\"><img decoding=\"async\" width=\"1345\" height=\"582\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-widgets.png\" alt=\"The Widgets tab in the appearance section of the WordPress dashboard\" class=\"wp-image-40612\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-widgets.png 1345w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-widgets-300x130.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-widgets-1024x443.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-widgets-150x65.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-widgets-768x332.png 768w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/a><\/figure><\/div><p>The <strong>Widgets<\/strong> page is divided into the <strong>Available Widgets<\/strong> section and the <strong>Footer <\/strong>area.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-page.png\"><img decoding=\"async\" width=\"1180\" height=\"594\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-page.png\" alt=\"The Widgets settings in the WordPress dashboard\" class=\"wp-image-40613\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-page.png 1180w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-page-300x151.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-page-1024x515.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-page-150x76.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-page-768x387.png 768w\" sizes=\"(max-width: 1180px) 100vw, 1180px\" \/><\/a><\/figure><\/div><p>Keep in mind that the theme you use may have a different number of footer areas than the one shown above.<\/p><p>To edit the footer, simply drag and drop a widget to the footer area of your choice. Then, click on the widget to configure it, and press <strong>Save <\/strong>once you&rsquo;re done.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-footer.png\"><img decoding=\"async\" width=\"1181\" height=\"598\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-widgets-footer.png\" alt=\"The settings to add widgets to the Footer area on WordPress Widgets page\" class=\"wp-image-40614\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-footer.png 1181w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-footer-300x152.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-footer-1024x519.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-footer-150x76.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-widgets-footer-768x389.png 768w\" sizes=\"(max-width: 1181px) 100vw, 1181px\" \/><\/a><\/figure><\/div><p>To add links to the footer widget area, follow these steps:<\/p><ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance <\/strong>&rarr;<strong> Menus<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-menus.png\"><img decoding=\"async\" width=\"1345\" height=\"584\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-appearance-menus.png\" alt=\"The Menus tab in the appearance section of the WordPress dashboard\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-menus.png 1345w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-menus-300x130.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-menus-1024x445.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-menus-150x65.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-appearance-menus-768x333.png 768w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Type in a new <strong>Menu Name<\/strong> and click<strong> <\/strong>on the <strong>Save Menu<\/strong> button.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/new-menu-name.png\"><img decoding=\"async\" width=\"1182\" height=\"617\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/new-menu-name.png\" alt=\"The settings to create a new menu on WordPress Menus page\" class=\"wp-image-40616\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/new-menu-name.png 1182w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/new-menu-name-300x157.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/new-menu-name-1024x535.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/new-menu-name-150x78.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/new-menu-name-768x401.png 768w\" sizes=\"(max-width: 1182px) 100vw, 1182px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Tick the boxes next to the pages, posts, or categories you want to add to the menu and click <strong>Add to Menu<\/strong>.<\/li>\n\n\n\n<li>Press the <strong>Save Menu<\/strong> button.<\/li>\n\n\n\n<li>Go back to the <strong>WordPress Widgets<\/strong> page, then drag and drop the <strong>Navigation Menu<\/strong> widget to the footer area.<\/li>\n\n\n\n<li>Select the newly created menu from the dropdown menu, then press <strong>Save<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-select-new-menu-widgets.png\"><img decoding=\"async\" width=\"1182\" height=\"596\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-select-new-menu-widgets.png\" alt=\"Selecting a new menu in the Footer area on WordPress Widgets page\" class=\"wp-image-40617\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-select-new-menu-widgets.png 1182w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-select-new-menu-widgets-300x151.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-select-new-menu-widgets-1024x516.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-select-new-menu-widgets-150x76.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-select-new-menu-widgets-768x387.png 768w\" sizes=\"(max-width: 1182px) 100vw, 1182px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-edit-the-footer-via-your-wordpress-theme\">Edit the Footer via Your WordPress Theme<\/h3><p>WordPress users can also edit the visual aspects of the footer using the built-in Customizer. It shows a live preview of your website, so you&rsquo;ll be able to see the changes you&rsquo;ve made in real-time.<\/p><p>To access the Customizer, go to <strong>Appearance <\/strong>&rarr;<strong> Customize<\/strong> in your WordPress dashboard.<\/p><p>Here&rsquo;s what to look for to edit the footer in the WordPress Customizer:<\/p><ol class=\"wp-block-list\">\n<li><strong>Theme Options<\/strong> &ndash; you might find a <strong>Theme Footer<\/strong> section where you can customize the colors, border, and text of the footer to fit the site&rsquo;s overall design.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-options-footer-1.png\"><img decoding=\"async\" width=\"1024\" height=\"497\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-options-footer-1.png\" alt=\"Editing the theme footer's appearance on WordPress Customizer\" class=\"wp-image-40624\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-options-footer-1.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-options-footer-1-300x146.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-options-footer-1-150x73.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-options-footer-1-768x373.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Widgets<\/strong> &ndash; where various content widgets can be added to a footer area.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-widgets-1.png\"><img decoding=\"async\" width=\"1024\" height=\"492\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-widgets-1.png\" alt=\"Editing the footer's widgets on WordPress Customizer\" class=\"wp-image-40625\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-widgets-1.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-widgets-1-300x144.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-widgets-1-150x72.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-widgets-1-768x369.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Menus<\/strong> &ndash; for those who want to add links to the footer. It uses the built-in WordPress menu system.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-footer-menu.png\"><img decoding=\"async\" width=\"1366\" height=\"653\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-theme-footer-menu.png\" alt=\"Editing the Footer Menu on WordPress Customizer\" class=\"wp-image-40621\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-footer-menu.png 1366w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-footer-menu-300x143.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-footer-menu-1024x490.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-footer-menu-150x72.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-theme-footer-menu-768x367.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure><p>Once you&rsquo;re happy with the results, remember to press <strong>Publish <\/strong>or <strong>Save Draft<\/strong>.<\/p><p>Keep in mind that not all themes have footer options. You may have to rely on just customizing widgets and menus.<\/p><p>For the ones that do have, the settings might also be placed in a section other than <strong>Theme Options<\/strong>, such as <strong>Footer Builder<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"edit-the-footer-using-the-block-editor\">Edit the Footer Using the Block Editor<\/h3><p>WordPress 5.9 introduced a new block editor for site customization. It makes editing easier as the footer now has its own block and template. Various blocks like site title, calendar, and navigation have also replaced widgets.<\/p><p>However, keep in mind that the block editor is only available if you use a block-based theme. An example of a block-based WordPress theme is the new Twenty Twenty-Two default theme.<\/p><p>To access the editor, hover on <strong>Appearance <\/strong>and select <strong>Editor<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-dashboard.png\"><img decoding=\"async\" width=\"1024\" height=\"438\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-dashboard.png\" alt=\"The new editor tab in the appearance section of the WordPress dashboard\" class=\"wp-image-46504\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-dashboard.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-dashboard-300x128.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-dashboard-150x64.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-dashboard-768x329.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>It will take you to the <a href=\"\/my\/tutorials\/gutenberg-wordpress\">block editor<\/a>, opening the <strong>Home <\/strong>page template.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-block-editor.png\"><img decoding=\"async\" width=\"1245\" height=\"549\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-block-editor.png\" alt=\"WordPress block editor interface\" class=\"wp-image-46505\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-block-editor.png 1245w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-block-editor-300x132.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-block-editor-1024x452.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-block-editor-150x66.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-block-editor-768x339.png 768w\" sizes=\"(max-width: 1245px) 100vw, 1245px\" \/><\/a><\/figure><p>Scroll down to the bottom of the page to find the footer area, and start editing the footer.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-121.png\"><img decoding=\"async\" width=\"827\" height=\"165\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-121.png\" alt=\"The footer area on the editor.\" class=\"wp-image-85568\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-121.png 827w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-121-300x60.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-121-150x30.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-121-768x153.png 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/a><\/figure><p>Alternatively, click the <strong>Edit<\/strong> option on the block toolbar to display only the footer area.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-117.png\"><img decoding=\"async\" width=\"1096\" height=\"311\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-117.png\" alt=\"Opening the footer using the template part option\" class=\"wp-image-85562\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-117.png 1096w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-117-300x85.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-117-1024x291.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-117-150x43.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-117-768x218.png 768w\" sizes=\"(max-width: 1096px) 100vw, 1096px\" \/><\/a><\/figure><\/div><p>Start editing it by adding blocks to the footer. To do so, hover over the area and <strong>plus<\/strong> (<strong>+<\/strong>) icons will appear on locations that are available for blocks. Click the icon and pick a block to add. You can search the desired block or click <strong>Browse all <\/strong>to see all available blocks.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-add-block.png\"><img decoding=\"async\" width=\"1349\" height=\"599\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-add-block.png\" alt=\"Adding a block in the block editor.\" class=\"wp-image-46508\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-add-block.png 1349w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-add-block-300x133.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-add-block-1024x455.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-add-block-150x67.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-add-block-768x341.png 768w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/a><\/figure><p>For example, let&rsquo;s add a <strong>Search <\/strong>block to the footer. You can change the title&rsquo;s text and include an optional placeholder directly on the editor.<\/p><p>To customize the button&rsquo;s design, select the block on the editor and click the <strong>Settings <\/strong>icon on the top-right area of the screen. Depending on the block type, you can customize its color, border, and use the additional CSS field.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-design-tool.png\"><img decoding=\"async\" width=\"1248\" height=\"502\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-design-tool.png\" alt=\"Opening the design tool for the search block.\" class=\"wp-image-46509\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-design-tool.png 1248w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-design-tool-300x121.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-design-tool-1024x412.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-design-tool-150x60.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-design-tool-768x309.png 768w\" sizes=\"(max-width: 1248px) 100vw, 1248px\" \/><\/a><\/figure><p>To rearrange the blocks on the footer, open the list view by clicking on the list icon on the top-left section of the screen.<\/p><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-list-view.png\"><img decoding=\"async\" width=\"1213\" height=\"407\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/wordpress-list-view.png\" alt=\"Opening the list view on the block editor to rearrange the blocks.\" class=\"wp-image-46510\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-list-view.png 1213w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-list-view-300x101.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-list-view-1024x344.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-list-view-150x50.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2022\/02\/wordpress-list-view-768x258.png 768w\" sizes=\"(max-width: 1213px) 100vw, 1213px\" \/><\/a><\/figure><p>The list of blocks and their structure will appear on the left panel. Simply drag and drop a block item on the list to rearrange it.<\/p><h3 class=\"wp-block-heading\" id=\"h-remove-the-powered-by-wordpress-footer\">Remove the &ldquo;Powered By WordPress&rdquo; Footer<\/h3><p>Most WordPress websites themes have the message <strong>&ldquo;Powered by WordPress&rdquo;<\/strong> at the footer. Sometimes it also includes the developer&rsquo;s credits, such as &ldquo;Theme by Developer A.&rdquo;<\/p><p>Even though there&rsquo;s nothing wrong with having the message on the footer, it might look unprofessional or even misrepresent your brand&rsquo;s interests.<\/p><p>You can edit or remove the message by editing the <strong>footer.php<\/strong> file. To avoid issues, make sure you&rsquo;ve made a <a href=\"\/my\/tutorials\/backups\/downloading-website-backup\">backup of your website files<\/a> before changing the file. Once you&rsquo;re ready to go, continue with the following steps to <a href=\"\/my\/tutorials\/how-to-remove-powered-by-wordpress-from-footer\">remove &ldquo;Powered by WordPress&rdquo; from your footer<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>In the WordPress admin dashboard, navigate to <strong>Appearance<\/strong> &rarr;<strong> <a href=\"\/my\/tutorials\/wordpress-theme-editor\/\">Theme Editor<\/a><\/strong>.<\/li>\n\n\n\n<li>Under the <strong>Theme Files<\/strong> section, click on <strong>Theme Footer (footer.php)<\/strong>.<\/li>\n\n\n\n<li>Find the footer credit text &ldquo;Powered by&rdquo; and its code. In the WordPress <strong>Twenty Twenty<\/strong> theme, the code looks like this:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&lt;p class=\"powered-by-wordpress\"&gt;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;a href=\"&lt;?php echo esc_url( __( 'https:\/\/wordpress.org\/', 'twentytwenty' ) ); ?&gt;\"&gt;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&lt;?php _e( 'Powered by WordPress', 'twentytwenty' ); ?&gt;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/a&gt;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&lt;\/p&gt;&lt;!-- .powered-by-wordpress --&gt;<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/remove-powered-by-wordpress.png\"><img decoding=\"async\" width=\"1142\" height=\"615\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/remove-powered-by-wordpress.png\" alt='Removing \"Powered by WordPress\" on WordPress Theme Editor' class=\"wp-image-40626\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/remove-powered-by-wordpress.png 1142w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/remove-powered-by-wordpress-300x162.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/remove-powered-by-wordpress-1024x551.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/remove-powered-by-wordpress-150x81.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/remove-powered-by-wordpress-768x414.png 768w\" sizes=\"(max-width: 1142px) 100vw, 1142px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Feel free to remove the footer text or add your website brand instead, and press the <strong>Update File<\/strong> button.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-adding-code-to-the-wordpress-footer\">Adding Code to the WordPress Footer<\/h3><p>At times, you may need to insert additional code to the footer, whether it&rsquo;s CSS or <a href=\"\/my\/tutorials\/what-is-php\/\">PHP<\/a>. Usually, it&rsquo;s to connect your site with an external app or for design purposes. There are several ways to do so.<\/p><p>Use the <strong>Additional CSS<\/strong> field in the <strong>WordPress Customizer<\/strong> if you only want to make small changes to the footer. For example, changing the background color or the margin and padding of the content area:<\/p><ol class=\"wp-block-list\">\n<li>Access the <strong>WordPress Customizer<\/strong>, and select <strong>Additional CSS<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-customizer-additional-css.png\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/wordpress-customizer-additional-css.png\" alt=\"Selecting Additional CSS on WordPress Customizer\" class=\"wp-image-40628\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-customizer-additional-css.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-customizer-additional-css-300x145.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-customizer-additional-css-150x73.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/wordpress-customizer-additional-css-768x372.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><ol class=\"wp-block-list\" start=\"2\">\n<li>Add the following code to change the footer&rsquo;s background and border color:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-widgets-outer-wrapper, .footer-top {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-color: #000;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-nav-widgets-wrapper, #site-footer {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #D7BDE2 ;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/add-additional-css-theme-customizer.png\"><img decoding=\"async\" width=\"1341\" height=\"654\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/add-additional-css-theme-customizer.png\" alt=\"Inserting code to change the footer's background and border color on WordPress Additional CSS\" class=\"wp-image-40627\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/add-additional-css-theme-customizer.png 1341w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/add-additional-css-theme-customizer-300x146.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/add-additional-css-theme-customizer-1024x499.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/add-additional-css-theme-customizer-150x73.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/add-additional-css-theme-customizer-768x375.png 768w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>To edit the footer&rsquo;s margin and padding, add the snippet below:<br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.widget .widget-title {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp; &nbsp; margin-bottom: 1rem;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">.footer-widgets a {<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">&nbsp; &nbsp; padding-left: 5rem;<\/code><br><code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">}<\/code><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/edit-margin-padding-additional-css.png\"><img decoding=\"async\" width=\"1343\" height=\"654\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/edit-margin-padding-additional-css.png\" alt=\"Inserting code to edit the footer's margin and padding on WordPress Additional CSS\" class=\"wp-image-40629\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/edit-margin-padding-additional-css.png 1343w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/edit-margin-padding-additional-css-300x146.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/edit-margin-padding-additional-css-1024x499.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/edit-margin-padding-additional-css-150x73.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/edit-margin-padding-additional-css-768x374.png 768w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Click the <strong>Activate<\/strong> and <strong>Publish<\/strong> button.<\/li>\n<\/ol><p>The easiest way to add custom scripts to the footer is by using the <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener\">Insert Headers and Footers plugin<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>Install the plugin, and activate it.<\/li>\n\n\n\n<li>Go to <strong>Code Snippets<\/strong> &rarr;<strong> Header and Footer<\/strong> from the dashboard.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-118.png\"><img decoding=\"async\" width=\"602\" height=\"344\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-118.png\" alt=\"Selecting the Header and Footer option from the dashboard.\" class=\"wp-image-85563\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-118.png 602w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-118-300x171.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-118-150x86.png 150w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/a><\/figure><ol class=\"wp-block-list\" start=\"3\">\n<li>Scroll down to the <strong>Footer<\/strong> section, then copy and paste your custom footer code.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-120.png\"><img decoding=\"async\" width=\"1072\" height=\"411\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/05\/image-120.png\" alt=\"The footer section on the plugin's panel to insert code snippets to the footer.\" class=\"wp-image-85565\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-120.png 1072w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-120-300x115.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-120-1024x393.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-120-150x58.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2023\/05\/image-120-768x294.png 768w\" sizes=\"(max-width: 1072px) 100vw, 1072px\" \/><\/a><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Click <strong>Save<\/strong> <strong>Changes<\/strong>.<\/li>\n<\/ol><p>It&rsquo;s possible to add codes and scripts manually to the footer if you edit the WordPress theme&rsquo;s <strong>PHP files<\/strong>. However, you&rsquo;ll need to have some knowledge of HTML, CSS, <a href=\"\/my\/tutorials\/what-is-javascript\">JavaScript<\/a>, plus web design and development.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Suggested Reading<\/h4>\n                    <p> <a href=\"\/my\/tutorials\/html-cheat-sheet\"> HTML Cheat Sheet <\/a><br>\n<a href=\"\/my\/tutorials\/css-cheat-sheet\"> CSS Cheat Sheet <\/a> <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-3-best-wordpress-footer-plugins\">3 Best WordPress Footer Plugins<\/h2><p>If you want to edit the WordPress footer with a plugin, we recommend three tools: <strong>Insert Headers and Footers<\/strong>, <strong>Header Footer Code Manager<\/strong>, and <strong>Footer Mega Grid Columns<\/strong>. Let&rsquo;s take a look at each of them.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-insert-headers-and-footers\">1. <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener\">Insert Headers and Footers<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/insert-headers-and-footers-wpbeginner.png\"><img decoding=\"async\" width=\"1024\" height=\"412\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/insert-headers-and-footers-wpbeginner.png\" alt=\"Insert Headers and Footers plugin banner\" class=\"wp-image-40632\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/insert-headers-and-footers-wpbeginner.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/insert-headers-and-footers-wpbeginner-300x121.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/insert-headers-and-footers-wpbeginner-150x60.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/insert-headers-and-footers-wpbeginner-768x309.png 768w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/insert-headers-and-footers-wpbeginner-1536x618.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p><strong>Plugin Stats:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>1 million+<\/li>\n\n\n\n<li><strong>Rating: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Notable features:<\/strong> user-friendly, Google Analytics compatible<\/li>\n\n\n\n<li><strong>Best suited for:<\/strong> beginners looking for a simpler solution to add code snippets to the footer<\/li>\n\n\n\n<li><strong>Price: free<\/strong><\/li>\n<\/ul><p>Insert Headers and Footers is a plugin that helps you add code and scripts without having to edit the theme&rsquo;s files. Its interface is very straightforward, making it an easy-to-use plugin for beginners.<\/p><p>You don&rsquo;t need to know any programming languages to edit the footer with this plugin. Simply paste code from <strong>Google Analytics<\/strong>, <strong>Facebook Pixel<\/strong>, and other services to add them to your site.<\/p><p>Insert Headers and Footers supports custom CSS, HTML, and JavaScript.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-header-footer-code-manager\">2. <a href=\"https:\/\/wordpress.org\/plugins\/header-footer-code-manager\/\" target=\"_blank\" rel=\"noopener\">Header Footer Code Manager<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/header-footer-code-manager.png\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/header-footer-code-manager.png\" alt=\"Header Footer Code Manager plugin banner\" class=\"wp-image-40633\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/header-footer-code-manager.png 772w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/header-footer-code-manager-300x97.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/header-footer-code-manager-150x49.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/header-footer-code-manager-768x249.png 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/a><\/figure><\/div><p><strong>Plugin Stats:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>200,000+<\/li>\n\n\n\n<li><strong>Rating: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Notable features: <\/strong>enable codes in specific posts and pages, activity log<\/li>\n\n\n\n<li><strong>Best suited for: <\/strong>users who want management options for the footer codes<\/li>\n\n\n\n<li><strong>Price: free<\/strong><\/li>\n<\/ul><p>Header Footer Code Manager is another tool that helps you add snippets to the footer with ease. Not only does it allow you to add unlimited scripts and styles but also to manage the code placement.<\/p><p>Other than specific pages and posts, the snippets can also be set to load on desktops and mobile devices or one of the two. Furthermore, you will still have the list of snippets ready to use even when you change themes.<\/p><p>The plugin comes with activity logs as well, so you know who added and last edited a snippet. Header Footer Code Manager supports CSS, HTML, and JavaScript codes from any service, including <strong>Google AdSense<\/strong>, <strong>Twitter<\/strong>, and <strong>Clicky Web Analytics<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-footer-mega-grid-columns\">3. <a href=\"https:\/\/wordpress.org\/plugins\/footer-mega-grid-columns\/\" target=\"_blank\" rel=\"noopener\">Footer Mega Grid Columns<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/my\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/footer-mega-grid-columns.png\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/12\/footer-mega-grid-columns.png\" alt=\"Footer Mega Grid Columns plugin banner\" class=\"wp-image-40634\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/footer-mega-grid-columns.png 772w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/footer-mega-grid-columns-300x97.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/footer-mega-grid-columns-150x49.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2021\/12\/footer-mega-grid-columns-768x249.png 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/a><\/figure><\/div><p><strong>Plugin Stats:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Downloads: <\/strong>6,000+<\/li>\n\n\n\n<li><strong>Rating: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Notable features:<\/strong> grid view, compatible with most WordPress themes<\/li>\n\n\n\n<li><strong>Best suited for: <\/strong>people who don&rsquo;t want to use the theme&rsquo;s default area<\/li>\n\n\n\n<li><strong>Price: <\/strong>freemium<\/li>\n<\/ul><p>The Footer Mega Grid Columns plugin displays footer widgets in a horizontal grid, helping to organize your footer&rsquo;s content in columns.<\/p><p>The plugin is pretty easy to use. Simply drag a widget and drop it on the column to display content on the footer in grid view.<\/p><p>If you want additional features like color options, multiple grids, and a custom CSS editor, the <a href=\"https:\/\/www.wponlinesupport.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">Essential Plugins bundle<\/a> is available from <strong>$119\/year<\/strong>.<\/p><p>Keep in mind that you need to paste the code provided by the plugin&rsquo;s developer in the <strong>footer.php<\/strong> file of your theme for it to work.<\/p><?xml encoding=\"utf-8\" ?><figure class=\"wp-block-image size-large\"><a href=\"\/my\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner-1024x300.png\" alt=\"\" class=\"wp-image-111781\" srcset=\"https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-1024x300.png 1024w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-768x225.png 768w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner-1536x450.png 1536w, https:\/\/www.hostinger.com\/my\/tutorials\/wp-content\/uploads\/sites\/45\/2024\/06\/New-WP_in-text-banner.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>In addition to the header and body, the footer is one of the main parts of a website. It&rsquo;s located at the very bottom of the site, mainly consisting of additional information and links to different pages on the website.<\/p><p>Thus, the footer helps WordPress users improve their websites&rsquo; SEO and navigation.<\/p><p>In this article, you&rsquo;ve learned different ways on how to edit footer in WordPress:<\/p><ul class=\"wp-block-list\">\n<li>Via the WordPress widgets system.<\/li>\n\n\n\n<li>Using WordPress Customizer to edit your theme.<\/li>\n\n\n\n<li>Using the block editor in WordPress 5.9.<\/li>\n\n\n\n<li>Removing the &ldquo;Powered by WordPress&rdquo; text.<\/li>\n\n\n\n<li>Adding code and scripts.<\/li>\n\n\n\n<li>Using a <a href=\"\/my\/tutorials\/best-wordpress-plugins\">WordPress plugin<\/a>.<\/li>\n<\/ul><p>If you have any questions or suggestions about how to edit the footer in WordPress, feel free to leave us a comment below.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Learn What Else You Can Do With WordPresss<\/h4>\n                    <p><a href=\"\/my\/tutorials\/what-is-sidebar-wordpress\">What Is WordPress Sidebar<\/a><br>\n<a href=\"\/my\/tutorials\/how-to-edit-wordpress-header\">How to Edit a WordPress Header<\/a><br>\n<a>How to Delete All Comments in WordPress<\/a><br>\n<a href=\"\/my\/tutorials\/wordpress-push-notifications\">How to Setup Push Notifications in WordPress<\/a><br>\n<a href=\"\/my\/tutorials\/how-to-embed-video-in-wordpress\/\">How to Embed a Video in WordPress<\/a><br>\n<a href=\"\/my\/tutorials\/how-to-secure-wordpress\">Guide to WordPress Security<\/a><br>\n<a href=\"\/my\/tutorials\/wordpress-auto-update\">How to Set Up WordPress Auto-Update<\/a><br>\n<a href=\"\/my\/tutorials\/wordpress-private-page\">Guide to WordPress Private Pages and Posts<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When launching a WordPress website, editing the footer can be a bit frustrating. Even though customizing a footer is not a complicated process, it can get time-consuming to get the design you want. This is because each WordPress theme may have different footer layouts. However, don&rsquo;t take that as a reason for ignoring it. A [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/my\/tutorials\/how-to-edit-footer-in-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":67802,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Edit Footer on WordPress - A Beginner's Guide","rank_math_description":"The footer is where you can insert additional information and menus on a website. Learn how to edit the footer in WordPress in this article.","rank_math_focus_keyword":"how to edit footer in wordpress","footnotes":""},"categories":[22636,22632],"tags":[],"class_list":["post-40623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customization-and-design","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/editar-rodape-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/modifier-footer-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-footer-bearbeiten","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/editar-rodape-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-edit-footer-in-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/40623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/comments?post=40623"}],"version-history":[{"count":33,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/40623\/revisions"}],"predecessor-version":[{"id":110344,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/posts\/40623\/revisions\/110344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/media\/67802"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/media?parent=40623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/categories?post=40623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/my\/tutorials\/wp-json\/wp\/v2\/tags?post=40623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}