Return to WeTheme.com

Footer

Everything you need to customize the footer of your online store.

Overview

The footer, located at the very bottom of your storefront, is an often overlooked area of a website, however, it is arguably one of the most important components. It can be used to contain crucial things such as links to terms and conditions, returns policies, business address, sizing, accepted payments and so on. These are arguably not the most glamorous pieces of content, but they do in most circumstances need to be present. The footer keeps these things tidy, and may surprise you by its adaptability.


Here is where you can find your footer in your theme Settings:

  1. Admin
  2. Online Store > Themes > Customise
  3. Sections
  4. Footer

Once you have navigated to your footer, you will see these items:

Settings
Payment icons:

Once ticked, this checkbox will display, on your storefront, a list of all enabled payment methods currently active in “admin > settings”. The payment icons are generated by the theme and the number of icons shown can't be edited.

Content

You can add up to 4 content 'blocks' to your store’s footer, and the theme will change the layout to accommodate whichever blocks you choose to show, spacing them evenly using an invisible grid.

Add a block of content:

Choose up to 4 blocks:

Re-order your content blocks by dragging and dropping:

Here is how spacing between content blocks changes depending on the number of blocks used:

4 Blocks:

3 Blocks:

2 Blocks:

1 Block:

The blocks available to add are as follows:

Newsletter:

Add a newsletter which will have the header “Join our mailing list” and an email entry box automatically applied:

A custom newsletter description can be added in if you wish:

When a customer adds an email address in to this box, it will populate your “customers” list in your Shopify admin area:

Admin > Customers

If you wish to link your “customers” list/s to your favorite email newsletter provider, such as MailChimp, we recommend checking out our help guide on this to learn more:

http://docs.wetheme.com/faqs/how-do-i-link-my-store-with-mailchimp/

Text:

Add custom text content to the footer. You can add a heading, and other general text.

Social icons:

This block will show all of your active social media icons. You can set these in the 'Social media' section, within Theme settings'.

  1. Admin
  2. Online Store > Themes > Customise
  3. Theme settings
  4. Social media

For further information on this, take a look at our dedicated guide:

http://docs.wetheme.com/envy/social-media-icons/

This allows you to add a vertical stack of links and 'heading' text of your choice to be displayed above the stack.

  1. To create a stack of links called a “menu”, head to:
    Admin > Online store > Navigation
  2. Select “add menu” shown at the top right of your screen
  3. Title the menu - call it “footer test” for now if you like
  4. Select “add menu item”
  5. Name the link something like “about us” or “terms and conditions”
  6. Choose where the link takes the customer
  7. Select “add and you’re done

Then head back to your theme's customisation area and select this newly created "block" of links for your footer by clicking “change”, then choosing the “footer test” you just made.

You should see the change visible on your footer.


How can I remove “powered by Shopify”?

You can do this by heading to:

  1. Admin
  2. Online Store > Themes > Actions > Edit Languages

You can then search in the box at the top for "powered by Shopify".

It will then bring up result/s where you can edit the text. If you add a "space" (using a single tap of the spacebar) in any of the edit fields and it will then remove the text on the frontend.


Tell me more about my footer, menus and links!

Sure! Here’s a great Shopify guide which should satisfy all your navigational needs:

https://help.shopify.com/manual/sell-online/online-store/menus-and-links