{"id":7839,"date":"2026-02-11T00:00:00","date_gmt":"2026-02-10T23:00:00","guid":{"rendered":"https:\/\/sitedu.de\/docs\/shared-elements\/"},"modified":"2026-02-11T00:00:00","modified_gmt":"2026-02-10T23:00:00","password":"","slug":"shared-elements","status":"publish","type":"docs","link":"https:\/\/sitedu.de\/en\/docs\/shared-elements\/","title":{"rendered":"Shared Elements"},"content":{"rendered":"<p>Thanks to shared elements you can display the same elements on many subpages. It simplifies managing website and making corrections. To change a phone number, you don\u2019t need to update each subpage individually.\u00a0All you have to do is correct it in layout objects.\u00a0Another 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\">logo <\/a>or your <a href=\"https:\/\/help.sitedu.de\/articles\/how-to-edit-your-menu-in-the-site-dude-builder-f0a2d0-71172\">menu <\/a>just once on your whole website.<\/p>\n\n\n\n<div style=\"position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);\"><iframe loading=\"lazy\" allowfullscreen=\"\" mozallowfullscreen=\"\" webkitallowfullscreen=\"\" playsinline=\"\" allow=\"autoplay; fullscreen; picture-in-picture\" src=\"https:\/\/kommodo.ai\/embed\/recordings\/5QTWBA87cH3xEQ5VGcsx?onlyRecording=1\" width=\"100%\" height=\"100%\" style=\"border: 0px; position: absolute; inset: 0px;\"><\/iframe><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-elements-to-shared-elements\">Add elements to shared elements<\/h2>\n\n\n\n<p>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;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/sitedu.de\/wp-content\/uploads\/2026\/02\/Screenshot_55-l9qzsjms.png\" alt=\"\" class=\"wp-image-7859\"\/><\/figure>\n\n\n\n<p>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\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-shared-elements\">Edit Shared elements<\/h2>\n\n\n\n<p>Layout objects can be&nbsp;edited in another, more direct way. In subpages list select &#8222;Shared elements&#8220;.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/sitedu.de\/wp-content\/uploads\/2026\/02\/2024-03-18_14-46-ltx01lig.png\" alt=\"\" class=\"wp-image-7861\"\/><\/figure>\n\n\n\n<p><strong>Keep in mind<\/strong>&nbsp;that all changes made in shared elements objects will affect all subpages with this layout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-position-of-shared-elements-objects-in-layers\">The position of shared elements objects in layers<\/h2>\n\n\n\n<p>On layers list, you can see a group of elements named &#8222;Shared elements&#8220;, 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"different-location-on-a-webpage\">Different location on a webpage<\/h2>\n\n\n\n<p>The&nbsp;Layout funcionality lets changing its position on a specific webpage. We can do it by turning on option &#8222;Different location on this webpage&#8220;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/sitedu.de\/wp-content\/uploads\/2026\/02\/Screenshot_57-l9qzsisa.png\" alt=\"\" class=\"wp-image-7862\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shared-elements-objects\">Shared elements objects<\/h2>\n\n\n\n<p>It might turn out that you don&#8217;t want to display&nbsp;layout objects on a certain subpage.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/sitedu.de\/wp-content\/uploads\/2026\/02\/Screenshot_58-l9qzsicw.png\" alt=\"\" class=\"wp-image-7860\"\/><\/figure>\n\n\n\n<p>In order to hide&nbsp;them, open a chosen subpage and on layers list hide shared elements by clicking on the &#8222;eye&#8220; icon. Objects will disappear from this particular page, but will still be visible on others.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Shared Elements make it easy to use content on several pages<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_eb_attr":"","_eb_data_table":"","footnotes":""},"doc_category":[503],"doc_tag":[],"knowledge_base":[481],"class_list":["post-7839","docs","type-docs","status-publish","hentry","doc_category-content-design","knowledge_base-website-builder"],"year_month":"2026-04","word_count":343,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"SiteDu.de","author_nicename":"cyzdk","author_url":"https:\/\/sitedu.de\/en\/account\/cyzdk\/"},"doc_category_info":[{"term_name":"Content &amp; Design","term_url":"https:\/\/sitedu.de\/en\/docs\/website-builder\/content-design\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Website Builder","term_url":"https:\/\/sitedu.de\/en\/docs\/website-builder\/","term_slug":"website-builder"}],"knowledge_base_slug":["website-builder"],"_links":{"self":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs\/7839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/comments?post=7839"}],"version-history":[{"count":0,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/docs\/7839\/revisions"}],"wp:attachment":[{"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/media?parent=7839"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/doc_category?post=7839"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/doc_tag?post=7839"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/sitedu.de\/en\/wp-json\/wp\/v2\/knowledge_base?post=7839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}