A footer is a section at the bottom of a webpage. It typically contains information about the website or the organization behind it, such as: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Contact information </li><li value="2" class="PlaygroundEditorTheme__listItem">Links to important pages like Terms of Service, Privacy Policy </li><li value="3" class="PlaygroundEditorTheme__listItem">Social media icons </li><li value="4" class="PlaygroundEditorTheme__listItem">Copyright notices</li></ul> The footer is a crucial part of a website's structure and design. It is visible on every page of the website, providing consistent information and links. It can also enhance the user experience by providing easy access to key information and navigation options.In<a href="https://webwave.me/" target="_blank" class="PlaygroundEditorTheme__link">&nbsp;</a>the SiteDu.de builder, the footer is a template. Footer elements belong to the <a href="https://help.sitedu.de/articles/shared-elements-f0a2d0-83efa" rel="noreferrer" class="PlaygroundEditorTheme__link">shared elements</a>, so they displayed on every webpage. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Add elements to a footer</h2>To add element to a footer, you have to drag it to a group "Footer" in&nbsp;the&nbsp;<a href="https://help.sitedu.de/articles/the-layers-panel-f0a2d0-edbc5" target="_self" rel="noreferrer" class="PlaygroundEditorTheme__link">Layers panel</a>. <img src="https://help.webwave.me/lib/dkwr2z/Animation3-l9qshe5c.gif" alt="" width="inherit" height="inherit">&nbsp;You can also select an element which you want to add to your footer and click&nbsp;"Footer" in the Settings panel in order to add it.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_28-l9qsiefp.png" alt="" width="inherit" height="inherit">&nbsp;After adding an element to your footer it will be automatically added below any other elements on this webpage.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Footer features</h2>After selecting the footer, the properties of your footer will show up in the Settings panel.&nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Minimum spacing from the footer to the top - shows how high the footer will rise if there are no elements to pull it away. If we want our footer to be respectively far from the top ( even if there are no elements), then we can set it up here.</li><li value="2" class="PlaygroundEditorTheme__listItem">Footer spacing from elements - sets a stabe gap between the lowest element of your content and the footer. Thanks to this, the footer will not "stick" to other elements nad will always keep some distance from the content</li></ul>

Learn how to edit the footer of your Website

A****footer**** is a section at the bottom of a webpage. It typically contains information about the website or the organization behind it, such as:

* Contact information
* Links to important pages like Terms of Service, Privacy Policy
* Social media icons
* Copyright notices

The footer is a crucial part of a website's structure and design. It is visible on every page of the website, providing consistent information and links. It can also enhance the user experience by providing easy access to key information and navigation options.Inthe SiteDu.de builder, the footer is a template. Footer elements belong to the[shared elements](https://help.sitedu.de/articles/shared-elements-f0a2d0-83efa), so they displayed on every webpage.

## Add elements to a footer

To add element to a footer, you have to drag it to a group "Footer" in the[Layers panel](https://help.sitedu.de/articles/the-layers-panel-f0a2d0-edbc5).

![](https://help.webwave.me/lib/dkwr2z/Animation3-l9qshe5c.gif)

You can also select an element which you want to add to your footer and click "Footer" in the Settings panel in order to add it.

![](https://help.webwave.me/lib/dkwr2z/Screenshot_28-l9qsiefp.png)

After adding an element to your footer it will be automatically added below any other elements on this webpage.

## Footer features

After selecting the footer, the properties of your footer will show up in the Settings panel.

* Minimum spacing from the footer to the top - shows how high the footer will rise if there are no elements to pull it away. If we want our footer to be respectively far from the top ( even if there are no elements), then we can set it up here.
* Footer spacing from elements - sets a stabe gap between the lowest element of your content and the footer. Thanks to this, the footer will not "stick" to other elements nad will always keep some distance from the content

A footer is a section at the bottom of a webpage. It typically contains information about the website or the organization behind it, such as: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Contact information </li><li value="2" class="PlaygroundEditorTheme__listItem">Links to important pages like Terms of Service, Privacy Policy </li><li value="3" class="PlaygroundEditorTheme__listItem">Social media icons </li><li value="4" class="PlaygroundEditorTheme__listItem">Copyright notices</li></ul> The footer is a crucial part of a website's structure and design. It is visible on every page of the website, providing consistent information and links. It can also enhance the user experience by providing easy access to key information and navigation options.In<a href="https://webwave.me/" target="_blank" class="PlaygroundEditorTheme__link">&nbsp;</a>the SiteDu.de builder, the footer is a template. Footer elements belong to the <a href="https://help.sitedu.de/articles/shared-elements-f0a2d0-83efa" rel="noreferrer" class="PlaygroundEditorTheme__link">shared elements</a>, so they displayed on every webpage. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Add elements to a footer</h2>To add element to a footer, you have to drag it to a group "Footer" in&nbsp;the&nbsp;<a href="https://help.sitedu.de/articles/the-layers-panel-f0a2d0-edbc5" target="_self" rel="noreferrer" class="PlaygroundEditorTheme__link">Layers panel</a>. <img src="https://help.webwave.me/lib/dkwr2z/Animation3-l9qshe5c.gif" alt="" width="inherit" height="inherit">&nbsp;You can also select an element which you want to add to your footer and click&nbsp;"Footer" in the Settings panel in order to add it.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_28-l9qsiefp.png" alt="" width="inherit" height="inherit">&nbsp;After adding an element to your footer it will be automatically added below any other elements on this webpage.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Footer features</h2>After selecting the footer, the properties of your footer will show up in the Settings panel.&nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Minimum spacing from the footer to the top - shows how high the footer will rise if there are no elements to pull it away. If we want our footer to be respectively far from the top ( even if there are no elements), then we can set it up here.</li><li value="2" class="PlaygroundEditorTheme__listItem">Footer spacing from elements - sets a stabe gap between the lowest element of your content and the footer. Thanks to this, the footer will not "stick" to other elements nad will always keep some distance from the content</li></ul>

Edit your Footer

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?