Thanks to shared elements you can display the same elements on many subpages. It simplifies managing website and making corrections. If you want to for example change a phone number, you don't have to open each subpage and change number individually.&nbsp;All you have to do is correct it in layout objects.&nbsp;Another good example for this is the header or the footer of your website. Thanks to this functionality you only have to set your <a href="https://help.sitedu.de/articles/change-your-page-logo-f0a2d0-0a2c9" rel="noreferrer" class="PlaygroundEditorTheme__link">logo </a>or your <a href="https://help.sitedu.de/articles/how-to-edit-your-menu-in-the-site-dude-builder-f0a2d0-71172" rel="noreferrer" class="PlaygroundEditorTheme__link">menu </a>just once on your whole website. <div data-lexical-embed-block="<div style=&quot;position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);&quot;><iframe allowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; src=&quot;https://media.textdude.de/embed/recordings/5QTWBA87cH3xEQ5VGcsx?onlyRecording=1&quot; width=&quot;100%&quot; height=&quot;100%&quot; style=&quot;border: 0px; position: absolute; inset: 0px;&quot;></iframe></div>"><div style="position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);"><iframe allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="https://media.textdude.de/embed/recordings/5QTWBA87cH3xEQ5VGcsx?onlyRecording=1" width="100%" height="100%" style="border: 0px; position: absolute; inset: 0px;"></iframe></div></div> &nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add elements to shared elements</h2>Did you create an amazing header and want it to be displayed on every subpage? It is easy! Select this element and in the&nbsp;Settings Panel&nbsp;add them to shared elements.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_55-l9qzsjms.png" alt="" width="inherit" height="inherit">&nbsp;You can add to shared elements a group of elements at once. Read more about a group of elements&nbsp;<a href="https://help.webwave.me/groups-on-layers%27-list-and-thier-properties" target="_self" class="PlaygroundEditorTheme__link">here</a>.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit Shared elements</h2>Layout objects can be&nbsp;edited in another, more direct way. In subpages list select "Shared elements".&nbsp; <img src="https://help.webwave.me/lib/dkwr2z/2024-03-18_14-46-ltx01lig.png" alt="" width="inherit" height="inherit">Keep in mind&nbsp;that all changes made in shared elements objects will affect all subpages with this layout.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">The position of shared elements objects in layers</h2>On layers list, you can see a group of elements named "Shared elements", where are all shared elements objects. This group is indivisible. It means that you cannot move elemenets from website to shared elements and vice versa. However you can move shared elements in any position in layers panel. Thanks to that you can show template on or belov&nbsp;rest of the elements in the webpage.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Different location on a webpage</h2>The&nbsp;Layout funcionality lets changing its position on a specific webpage. We can do it by turning on option "Different location on this webpage"&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_57-l9qzsisa.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Shared elements objects</h2>It might turn out that you don't want to display&nbsp;layout objects on a certain subpage. <img src="https://help.webwave.me/lib/dkwr2z/Screenshot_58-l9qzsicw.png" alt="" width="inherit" height="inherit"> In order to hide&nbsp;them, open a chosen subpage and on layers list hide shared elements by clicking on the "eye" icon. Objects will disappear from this particular page, but will still be visible on others.&nbsp;&nbsp;

Shared Elements make it easy to use content on several pages

Thanks to shared elements you can display the same elements on many subpages. It simplifies managing website and making corrections. If you want to for example change a phone number, you don't have to open each subpage and change number individually. All you have to do is correct it in layout objects. Another good example for this is the header or the footer of your website. Thanks to this functionality you only have to set your[logo](https://help.sitedu.de/articles/change-your-page-logo-f0a2d0-0a2c9)or your[menu](https://help.sitedu.de/articles/how-to-edit-your-menu-in-the-site-dude-builder-f0a2d0-71172)just once on your whole website.

">

## Add elements to shared elements

Did you create an amazing header and want it to be displayed on every subpage? It is easy! Select this element and in the Settings Panel add them to shared elements.

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

You can add to shared elements a group of elements at once. Read more about a group of elements[here](https://help.webwave.me/groups-on-layers%27-list-and-thier-properties).

## Edit Shared elements

Layout objects can be edited in another, more direct way. In subpages list select "Shared elements".

![](https://help.webwave.me/lib/dkwr2z/2024-03-18_14-46-ltx01lig.png)

****Keep in mind**** that all changes made in shared elements objects will affect all subpages with this layout.

## The position of shared elements objects in layers

On layers list, you can see a group of elements named "Shared elements", where are all shared elements objects. This group is indivisible. It means that you cannot move elemenets from website to shared elements and vice versa. However you can move shared elements in any position in layers panel. Thanks to that you can show template on or belov rest of the elements in the webpage.

## Different location on a webpage

The Layout funcionality lets changing its position on a specific webpage. We can do it by turning on option "Different location on this webpage"

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

## Shared elements objects

It might turn out that you don't want to display layout objects on a certain subpage.

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

In order to hide them, open a chosen subpage and on layers list hide shared elements by clicking on the "eye" icon. Objects will disappear from this particular page, but will still be visible on others.

Thanks to shared elements you can display the same elements on many subpages. It simplifies managing website and making corrections. If you want to for example change a phone number, you don't have to open each subpage and change number individually.&nbsp;All you have to do is correct it in layout objects.&nbsp;Another good example for this is the header or the footer of your website. Thanks to this functionality you only have to set your logo or your menu just once on your whole website.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add elements to shared elements</h2>Did you create an amazing header and want it to be displayed on every subpage? It is easy! Select this element and in the&nbsp;Settings Panel&nbsp;add them to shared elements.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_55-l9qzsjms.png" alt="" width="inherit" height="inherit">&nbsp;You can add to shared elements a group of elements at once. Read more about a group of elements&nbsp;<a href="https://help.webwave.me/groups-on-layers%27-list-and-thier-properties" target="_self" class="PlaygroundEditorTheme__link">here</a>.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit Shared elements</h2>Layout objects can be&nbsp;edited in another, more direct way. In subpages list select "Shared elements".&nbsp; <img src="https://help.webwave.me/lib/dkwr2z/2024-03-18_14-46-ltx01lig.png" alt="" width="inherit" height="inherit">Keep in mind&nbsp;that all changes made in shared elements objects will affect all subpages with this layout.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">The position of shared elements objects in layers</h2>On layers list, you can see a group of elements named "Shared elements", where are all shared elements objects. This group is indivisible. It means that you cannot move elemenets from website to shared elements and vice versa. However you can move shared elements in any position in layers panel. Thanks to that you can show template on or belov&nbsp;rest of the elements in the webpage.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Different location on a webpage</h2>The&nbsp;Layout funcionality lets changing its position on a specific webpage. We can do it by turning on option "Different location on this webpage"&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/Screenshot_57-l9qzsisa.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Shared elements objects</h2>It might turn out that you don't want to display&nbsp;layout objects on a certain subpage. <img src="https://help.webwave.me/lib/dkwr2z/Screenshot_58-l9qzsicw.png" alt="" width="inherit" height="inherit"> In order to hide&nbsp;them, open a chosen subpage and on layers list hide shared elements by clicking on the "eye" icon. Objects will disappear from this particular page, but will still be visible on others.&nbsp;&nbsp;

Shared Elements

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

Was this article helpful?