In this help article, you will learn how
- to configure the footer according to your wishes
- to create menu items in the footer and link them to the respective destination
- to make social media icons visible in the footer and link them
- you can use the footer created once for additional pages
You have the option of configuring the footer of your shop theme.
Here you can create several menu items that either lead your customers to the pages of the shop theme you have created or lead to external pages.
If you use the "Advanced Settings" area below for other page types, for each of these page types
- you can use the footer created above under "Footer Area" or
- create a custom footer for this type of page.
Overview of this article
- Configuring the footer
Configuring the footer
In this article, I will show you all the configuration options for the footer using a specific example.
You can find additional help articles for creating and designing shop pages. We concentrate here on the menu in the footer and the appropriate links.
Creating and linking menu items
When creating a shop theme, only sample menu items are initially created that are not yet linked. You can freely choose the name of the menu items as well as the links.
- First copy the URL of the legal notice page (1) to your PC's clipboard
- Then click on the pencil (2) to get to the editing view of the footer
Next, you are taken to the editing view for the footer.
- Clicking on the three dots at the top right (1) and then on the pencil opens an input screen for editing menu section 1.
- Now fill in the fields of the input screen (2).
- Enter a heading for the section in the upper field, for example “Legal” as a heading for the menu items “Legal notice” and “Data security.”
- If you prefer to create the menu items without the section heading, then leave the upper field empty.
- Enter the name of your menu items in the left column, in our example “Legal notice” and “Data security.”
- In the right column you copy the respective URL to the page that your customer should reach by clicking on the menu item.
- You can delete menu items that you no longer need by clicking on the trash can on the right (3).
- Make sure you finish your entries by clicking the “Save” button (4).
In this example we are editing the entire footer. At the very end, you have to save all changes by clicking the “Save” button at the bottom right.
For example, if you only want to make a change in the menu, make sure to save these changes both with the “Save” button, which you can see in the screenshot (4), and with the “Save” button at the bottom right.
Creating other sections
When creating a shop theme, two sections are already created in the footer. In our example, we have already created the “Legal” section with two menu items (legal notice and data security). You can add additional sections, and of course you can also delete existing sections.
To create additional sections, you will find an input screen below the existing ones. Here, as described in detail above, you can define a heading, the name of the menu items and the URLs of the respective destination. Always remember to save your entries by clicking on the “Save” button.
To illustrate this, I have created another section in our example. In the screenshot you can see the heading “Affiliate Program” and the menu items “Affiliate” and “Certified Partners.”
Editing colors and fonts
We stay in the edit view of the footer and scroll down further. Here we come to the setting options for the background color, the fonts and font colors as well as the font size. You can configure the following elements:
- MENU DESIGN: Here you configure the headings of the sections of the footer.
- SUBMENU DESIGN: Here you configure the menu items of the footer.
- BACKGROUND: Here you can set the background color of the footer.
For our example I have set the font color “white” and a blue background. You can design the footer very custom with
- fonts types
- font colors
- font sizes
- background colors
In this example, we are editing the entire footer. At the very end, you have to save all changes by clicking the “Save” button at the bottom right. For example, if you only want to make a change in the design of the footer, make sure to always exit the editing view by clicking on the “Save” button at the bottom right.
Editing social media icons
We stay in the editing view of the footer and are now editing the “Website and other platforms” area. Here you can link to your website and your social media presence. If you would like to use this option, then set the slider under “Websites and other platforms” to green. If you do not want to use this option, leave the slider on gray.
If you want to use links to your website and social media, proceed as follows:
- Set the slider for “Website and other platforms” on the left to green. An input screen opens that you can fill in with your links.
- At the top left you can enter a heading for the section. In our example, I used “Social Media” for this.
- To the right of it you can choose the color for the display of the icons. For our example I have chosen dark gray.
- Enter the full URLs of your website and social media presence in the fields below.
- You can simply leave unused platforms empty. No icon will then be displayed in the footer.
- Save your entries by clicking the “Save” button at the bottom right.
We have now processed the entire footer. Now click on “Save” at the bottom right. You then come to the overview of the shop theme and see a preview of your footer, which in our example now looks like this:
When creating and editing the sections and menu items of the footer, you will find a “Save” button right next to the input screen.
Always confirm all entries and changes by clicking this button. Then, as in our example, you can configure other areas of the footer or exit the editing view. Make sure to always exit the editing view using the “Save” button at the bottom right. This is the only way to apply your settings and changes.
For legal reasons, it is not possible to completely hide the footer.
If you do not have any contact details in the header, they should also appear in the footer.
Using the created footer for pages under "Advanced Settings"
If you have activated the other pages under "Advanced Settings," there you can
- use the footer created above or
- by ticking the box next to "Custom," you can display a separate footer that you have saved for this page.
About the author
This help article was written by our certified partner Ingo Simon, who uses elopage for his business and therefore writes from practical experience for practical application.
Ingo also offers you support in the Facebook community by answering practical questions.