Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

Footer in the shop theme

Ingo Simon
Ingo Simon
  • Updated

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. 

1.png

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

   Step-by-step instructions 

Configuring the footer

In this article, I will show you all the configuration options for the footer using a specific example. 

  Example

You have created a legal notice page in the shop theme and want to create a menu item that leads to this page. You also want to create a menu item that leads to your privacy policy, which can be found on your website (i.e. not in the shop theme). Your website and your Facebook presence should also be accessible via icons.

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 enter a URL of a page of your shop theme (in our example the URL of the “Legal notice” page) or a URL of another website, for example your homepage (in our example the URL for the privacy policy).
  • 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).

  Important!

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
  • fonts types
  • font colors
  • font sizes
  • background colors

 

  Important!

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:  

  Important!

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. 

Hinweis.png Please note

For legal reasons, it is not possible to completely hide the footer.

Otherwise there is the risk of a warning about your shop pages, because from there the terms and conditions, privacy policy and legal notice must be accessible with one click.

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.

Shop-Theme_-_Footer_Basis_oder_individuell.png

About the author

Banner_Ingo_Simon.png

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.

Was this article helpful?