How to Change the Footer in Magento 2

Although the footer is often overlooked when designing an eCommerce website, it’s an essential element that can leave a lasting impression on customers.

We’ll show you how to change the footer in Magento 2 by customizing the copyright notice and the default footer links. Note that we’re using Magento 2.4.3 for this guide.

  1. On the Magento admin panel, navigate to Content > Design > Configuration.

    Configuration in Magento admin panel
    Go to Configuration in the Magento admin panel.
  2. On the “Design Configuration” page, there’s a configuration scope list. Select the store view where you want to edit the footer section and click Edit under the “Action” column.

    Go to Configuration in Magento admin panel
    Select Store View and click Edit on Design Configuration page
  3. Scroll down to the Footer section and click on it to expand it.

    Footer in Default Store View
    Expand the Footer section in Default Store View
  4. Change the copyright notice in the Copyright text area.

    Copyright in Store View
    Edit Copyright in the Footer section of your Store View.
  5. Once you’re done, click the Save Configuration button on the top right.

    Save Configuration in the Store View
    Click on Save Configuration in the Magento Store View.

The Magento Page Builder is available only in Magento versions 2.4.3 and above. If you’re using Magento 2.4.2 or below, you can still follow this guide to add, remove, or edit the links. However, instead of using their code-free page builder, you’ll need to add your own HTML code.

Add New Block

  1. Go to Content > Elements > Blocks in the Magento admin sidebar.

    Select Blocks in Magento admin panel
    Select Blocks in Magento admin panel
  2. Click Add New Block to add a new block.
  3. Add the Block Title. In this example, the title is “Footer New.”

    Enter the details in the New Block
    Add the Block Title and Identifier. Next, select the Store View and click on Edit with Page Builder.
  4. Add the Identifier. In this example, the identifier is “footer_new.”
  5. Select the appropriate Store View to assign the block to.

Edit with Page Builder

  1. Click on Edit with Page Builder.
    Note: If you’re using Magento 2.4.2 or below, paste the HTML code in the box below the Show/Hide Editor, and skip to the “Add Widget” section directly.
  2. Once you’re in the page builder, you’ll be greeted by the following layout.
    You can drag Row, Column, Text, and other elements to the center.

    Page Builder layout
    Page Builder layout
  3. You can insert a URL by right-clicking on the text and selecting the chain link icon.
    You can also change the alignment, border, margin, and padding and add CSS in the Page Builder.

    Chain link icon in Page Builder
    Insert a URL by using the chain link icon on the Page Builder.
  4. Once you’re done designing the new footer, click on the top right button to go back to the footer block page.

    Minimize button on Page Builder
    Click on the minimize button on the top right of the Page Builder.
  5. Hit the orange Save button.

    Save button
    Click the orange Save button.

Add Widget

  1. Go to Content > Elements > Widgets.

    Widgets in Magento admin panel
    Go to Widgets in the Magento admin panel
  2. Click on Add Widget in the top right corner.

    Add Widget button on Widgets
    Click on Add Widget button on the Widgets page.
  3. Select CMS Static Block in the Type field.

    Add Type and Design Theme fields
    Next, add Type and Design Theme fields in Settings.
  4. Select the appropriate theme in the Design Theme field and then click Continue. It’s Magento Luma in our case.
  5. Add the Block Title as the Widget Title.

    Add Widget Title, Store View, and Sort Order
    Add Widget Title, Store View, and Sort Order
  6. Select the right Store View in the Assign to Store Views field.
  7. Set the Sort Order as 0.
  8. Click on Add Layout Updates in Layout Updates.

    Layout Updates
    Select All Pages from the Display dropdown and CMS Footer Links from the Container dropdown.
  9. Select Generic > All Pages from the Display on dropdown. This is to display this footer menu on all the pages.
  10. Select CMS Footer Links from the Container dropdown.
  11. Go to Widget Options and click on Select Block and choose the new footer block from the list.

    Widget Options in Widgets
    Go to Widget Options, choose the new footer block, and click Save.
  12. Click Save Configuration to save the changes.
  1. Go to Footer Links widget.

    Footer Links widget
    Click on the Footer Links widget to delete the Layout Updates.
  2. Click on delete the Layout Updates by using the Trash Bin icon.

    Delete Layout Updates
    Delete Layout Updates
  3.  Hit the Save button.

Refresh Cache

  1. Go to System > Tools > Cache Management in the Magento admin sidebar.
  2. Select the invalidated cache and click on Submit to refresh the cache.

    Cache Management
    Refresh cache in Cache Management.

You’ve successfully changed the “About Us” and “Customer Service” footer links in Magento 2.

Magento Frontend
Footer in Magento Frontend

Was this article helpful?

Leave a Comment