Setting up a Footer for an Online Store

Setting up a Footer for an Online Store

Setting up a Footer for an Online Store

The footer section of an e-commerce site (online store) is essential for providing additional information, navigation links, and customer contact details. FTx Commerce provides the features to let the business owner/store admin personalize the footer section by managing CMS pages, In-built app Pages, Menus, and Social Media links.

Figure 1 - Footer Menu of Online Store (Web View)
In this KB article, we have covered how to personalize the footer for your e-commerce site in a custom way, so the retailers can share some informative content or additional policies as CMS pages.

1. Customize/Personalize Footer Section

As retailers/store admin, you can customize the footer section through the store admin backend. The placement of the footer section setup will vary depending on whether multi-brand is disabled or enabled.

Figure 1.1 Reaching Footer Menu- Standalone Store or Multi-brand store inside a specific brand

1.1 For Standalone Online Store

When the 'multi-brand' option is disabled in the control center, you have only a single online store/site for your business. Follow the below steps to customize the footer menu:
  1. Step 1: Log into Store Admin
  2. Step 2: Click Settings -> Store Appearance
  3. Step 3: Click Manage Footer Menu

1.2 For Multiple Online Brand Stores

When the 'multi-brand' option is enabled from the control center side, the 'Footer Menu' can be set up individually for each online brand store.
 Follow the below steps to customize the footer menu for the individual brand store:
  1. Step 1: Log into Store Admin
  2. Step 2: Click Online Brand Stores
  3. Step 3: Click the Settings icon for the Online Brand Store
  4. Step 4: When you redirect to inside the specific store, find the Store Appearance menu on the header
  5. Step 5: Click Manage Footer Menu
Note: Whether multi-brand is enabled or disabled, the steps for customizing and personalizing the Footer Menu will be the same.

The three options— Manage CMS Page, Manage Footer Menu, and Social Platforms, work together to help you complete the full setup of your online store's footer.
To build a fully functional footer, you’ll need to configure your Custom CMS pages, define the footer menu links, and add your social platform URLs.

Figure 1.2 - Footer Menu Set up

2. Manage CMS Pages

You can customize and manage the CMS pages that appear in the footer section of your online store. These pages can be grouped under specific footer menus.
By clicking “Pages Management”, you will be redirected to the CMS Pages listing screen. Some default pages will already be available.
Figure 2.1
Creating a CMS Page
  1. Click “ADD PAGE”.
  2. A panel titled “Add Page” will open, where you can enter all necessary details for your CMS page.
  3. A content formatter is also provided to help you format the page content properly.
  4. After entering the details, click Save.

Figure 2.2

The newly created page will appear in the listing, where you can edit or delete it anytime.

Figure 2.3
    Once your CMS pages are created, they can be used while setting up the Menus for the footer.

    3. Manage Footer Menu

    By clicking “Manage Footer Menu”, you will be redirected to the Menus page. This page includes two main sections: Menus | Footer Menu.
    To configure the footer:
    First, create menus with menu items.
    Then, assign these menus to footer columns under the Footer Menu section.

    Figure 3.1

    3.1 Adding a Menu

    A Menu acts as a menu title, and the items you add under it will appear below that title in the footer.
    To add a new menu:
    -> Click “ADD MENU”. A slider panel will open.
    -> Enter the Menu Title.
    -> Click “+ Add Item” to add menu items (each item is a row under the menu).
    -> Add "Menu Title" that will be the main title and the menu items will be listed row wise.

    Figure 3.1.1
    -> For each item, enter:
    1. Title – the actionable label shown to customers.
    2. Type – the action triggered when customers click the title. Available types:
      1. Text – Enter a short description.
      2. CMS Page – Select from the CMS pages created in Manage CMS Page.
      3. Link – Add any external URL.
      4. App Page – Choose from the built-in app pages: Cart, Find Store, Account, Favorites, Home.
      5. Legal – Select from legal policies added under “Legal”: Review Policy, Refund Policy, Privacy Policy, Terms of Service.
    -> If you select CMS Page as the type, choose the desired page. Customers will be redirected to that page in a new tab.

    Figure 3.1.2
    After adding all items, click Save and Close.
    Once the menu is set up, save it. Now, you need to assign them "Footer Menu" columns.
    Two types of columns are available for configuring the footer:
    1. Predefined Columns
    The predefined columns include "Business Details" and "Get in Touch".
    1. Business Details: The values displayed in this column are fetched directly from the Control Center.
    2. Logos: Store logos used in these sections are fetched from Store Admin → Theme Settings.
    These two predefined columns always appear as the first columns in the footer and remain fixed in order. You can choose whether to display or hide these columns by enabling or disabling their respective visibility switches.

    2. Customized Columns
    You can add up to four customized columns to define the menu structure for your footer.
    These columns will appear after the predefined columns and can be used to organize menus created under the Menus section.

    3. Now, you must assign created Menus under Customized Columns.
    -> Click “ADD COLUMN” to add a new footer column.
    -> Click “ADD Menu Items” to add a new menu for a column.
    -> Select the menu from the drop-down list you want to display in that column. You will see all menus created under the Menus section.
    -> Click the “+” icon inside the column to add more menus.
    Once completed, click Save.
    4. Button Actions
    1. Reset To Default: Clears all menus and configurations applied in the Customized Columns, allowing you to rebuild the footer setup from scratch.
    2. Preview Footer: Displays a preview of how the footer will appear to customers on the online store.
    3. Reset: Reverts the footer configuration back to the last saved setup, removing only the unsaved changes.
    After clicking Save, the footer will be displayed to customers exactly as configured for your online store.

    4. Social Media Platforms

    You can enable and display links to your active social media pages in the footer.

    Supported platforms: Facebook | Instagram | Pinterest | Twitter | YouTube

    Enter the respective page/account links and save the changes. These icons will then appear in the store footer.


    Figure 4.1 Store Appearance -> Social Platforms

    5. Online Store View

    When customers access the online store and navigate to the footer, they will find the following details:
    1. Columns sections as configured in "Manage CMS Page" and "Manage Footer Menu."
    2. Accepted payment methods by the e-commerce site.
    3. Default static footer with the disclaimer '@2025', 'Powered by', and 'Privacy Policy' (static by default).
    4. Social media platform icons enabled, allowing customers to follow/like the pages and receive shared offers if any.
    5. Disclaimer that are added and set up in Disclaimer details from Store Admin.

    Figure 5.1
    Quote
    So, customizing the footer to reflect the business/store's brand identity and helpful details can enhance the user experience and build trust for your ecommerce site.

      • Related Articles

      • Setting Up Disclaimer for an Online Store

        Manage Disclaimers "Prevent customers from navigating to online store (E-commerce site/Mobile App) without accepting disclaimer" As an admin user, you can add disclaimer records to ensure that your customers are well-informed and understand any ...

      • Manage Online Store Settings

        Manage Online Store Settings Settings -> General -> "Other Settings" (Product, Cart, and Checkout Settings) As a retailer, you can customize the features and restrictions about products, carts, and checkout pages to tailor the shopping experience for ...

      • Customize Home Page for Online Store

        Home Page Template Customization Customize the Online Store's Home Page The home page of your online store serves as the first impression for your customers. Customizing it effectively can significantly enhance user engagement and drive purchases. As ...

      • Setting Up Store Pickup for Location

        Setting Up Store Pickup for Location (Store) The Store Pickup fulfillment offers retailers (for store admin) the flexibility of Order Pickup options for specific locations independently, down to the individual location level. Retailers have the ...

      • Setting Up Delivery for Locations

        Setting Up Delivery for Locations (Stores) The Delivery fulfillment option empowers customers to receive their orders directly at their doorstep. Retailers can configure the delivery settings at the location level, tailoring the experience for ...