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
In this KB article, we have covered how to customize the footer for your e-commerce site, so it looks professional.

1. Customize/Personalize Footer Section

To customize the footer section, follow the below steps:
  1. Step 1: Log into Store Admin
  2. Step 2: Click Store Appearance

Figure 1.1
The last three options are related to the footer of your E-commerce site:
Manage CMS Page | Manage Footer Menu | Social Platforms

2. Pages Management

You can customize the CMS pages that you want to set in the footer section. These CMS pages can be organized under a specific menu.
By clicking "Pages Management," you will be redirected to the listing of the CMS pages. You will find some pages already created by default.

Figure 2.1
You can create a CMS page by clicking the "ADD PAGE" button. By clicking on it, you will get the window "Add Page" to create a CMS page with the specific details that you want to share for your ecommerce site.

Figure 2.2
  1. Page Name: Enter the page name. This name will be considered just for record purposes; it will not be utilized on the ecommerce site.
  2. Page Slug: As per entering the name, the page slug will be automatically generated.
  3. Description: Enter the content that you want to display to the customer on a separate page of the ecommerce site by redirecting. There is a content formatter provided to edit/design the content in a proper manner.
  4. Meta Keywords & Description: Enter the keywords and description for the SEO of the page.
Once the relevant details are added for the CMS page, save the page.

The page will be listed. You can edit/delete at any time if needed.

Figure 2.3
    Once the CMS pages are created, you need to create the menus to organize the section in the footer. The CMS pages can be utilized under the menu.

    3. Menu Management

    By clicking "Menu Management," you will be redirected to the "Menus" page. There are two different sections: "Footer Menu" | "Menus."
    First, (1) you need to create a menu by selecting the menu types (items), and then (2) you need to select those menus in individual columns as you want to set up and display the footer to the customers.

    Figure 3.1

    3.1 Adding a Menu

    The menu will be displayed as a title, and whatever you set up by selecting the types that will be underneath that menu.

    Figure 3.1.1
    By clicking the "ADD MENU" button, a slider will appear to create a menu.
    - Add Item: Add a menu (a row) and select the type for the action you want to represent to the customers.
    - Menu Title: This will be the main menu title.
    To add an item, you need to enter a title and its type.
    - Title: This title will be actionable. Customers will get the response by clicking it.

    Figure 3.1.2
    1. Type: Select the type to return the response when the customers click the title.
    2. Text: You need to enter the description.
    3. CMS Page: You will get the list of the CMS Pages that are created in "Pages Management."
    4. Link: You can add an external link to redirect to a specific website/portal.
    5. App Page: You will get a list of the in-built app pages. You can select any in-built page for quick access. There are five default app pages provided: Cart | Find Store | Account | Favorites | Home.
    6. Legal: You will get the list of the policies that are added in "Legal." You can select any policy to disclose in the footer. There are four policies: Review Policy | Refund Policy Privacy Policy Terms of Service.
    If the CMS Page is selected in the "Type" field, you can select the CMS page added in "Pages Management." So, the CMS page is set up for the menu, and when the customers click the title, they are redirected to the page in the new tab.

    Figure 3.1.3
    Once the menu is set up, save it. Now, you need to select the menu in the column in the "Footer Menu" section.
    Once the "Menus" are added, those menus must be selected in the "Footer Menu" to set up the columns to display in the footer of the ecommerce site.
    ADD COLUMN: By clicking this button, a column will be added. You need to select the specific menu to be displayed in that column.


    Figure 3.2.1
    Once the column is added, you need to add a menu (a row section in the column) by clicking the "+" icon. You will get all the menu listings in the drop-down that is added in the "Menus" section.

    Figure 3.2.2
    You need to select a specific menu that you want to set in that column. Similarly, you can add more menus.

    Figure 3.2.3
    Once the footer menu is set up by selecting the menu in a specific column section, save it.
    Note:
    RESET: By clicking the "RESET" button, the last saved setups will be restored while any new changes will be removed.
    CLEAR: By clicking the "CLEAR" button, the whole footer menu will be deleted if you want to build the footer menu newly (from scratch).
    After saving it, the footer will appear as you set up the menus and footer menu.

    4. Social Media Platforms

    You can display and provide access to your active social media platforms for customers. So, customers can access any social media page from the footer.
    To enable and set up the social media platforms, navigate to "Settings -> Business -> Social Platforms."

    Figure 4.1
    You can enable the following "Social Media Platforms":
    Facebook | Instagram | Pinterest | Twitter | YouTube
    Once you set up the Social Platforms by entering the account or page links, save the changes to apply to the online store.

    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 "Pages Management" and "Menus Management."
    2. Accepted payment methods by the e-commerce site.
    3. Default static footer with the disclaimer '@2023', '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.

    Figure 5.1
    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 -> Global Settings -> "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 ...
      • Setting up Store Pickup for Location

        Setting up 'Store Pickup' for Locations (Stores) "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 ...
      • Online Store Status

        Online Store Modes You can select whether to make the online store accessible to customers or to specific visitors. Sometimes you need to test your online store, but it can't be accessible to everyone. So, FTx Commerce supports different modes to ...
      • Setting up Store Pickup Globally

        Setting up 'Store Pickup' Fulfillment Globally Settings -> Global Settings -> "Store Pickup" When you log in for the first time, as a store/business owner, you need to enable the fulfillment methods to allow customers to choose the desired ...