The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_settings-panel-sitedude-builder.1714755832123.jpg?alt=media" alt="" width="inherit" height="inherit"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-22-lmk5ld4d.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.</li><li value="2" class="PlaygroundEditorTheme__listItem">Language versions&nbsp;- add multiple language versions to your site.&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages.</li><li value="4" class="PlaygroundEditorTheme__listItem">Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.</li><li value="5" class="PlaygroundEditorTheme__listItem">Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp;</li><li value="6" class="PlaygroundEditorTheme__listItem">Global colors&nbsp;- set the colors of your page so that you can change the colors globally.</li><li value="7" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.</li><li value="8" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Page Settings</h2> The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-32-lmk5yg7s.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your subpage.</li><li value="3" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Element Settings</h2>&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Group Settings</h2> The Advanced Builder in Sitedu.de Website Builder provides a useful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_group-settings.1714754937204.png?alt=media" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.</li><li value="2" class="PlaygroundEditorTheme__listItem">Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.</li><li value="3" class="PlaygroundEditorTheme__listItem">Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.</li><li value="4" class="PlaygroundEditorTheme__listItem">Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.</li><li value="6" class="PlaygroundEditorTheme__listItem">Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.</li><li value="7" class="PlaygroundEditorTheme__listItem">Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Article Settings</h2>The article settings are only activated on your blog articles or product pages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-38-lmk6574w.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail.</li><li value="2" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="4" class="PlaygroundEditorTheme__listItem">Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article.</li><li value="5" class="PlaygroundEditorTheme__listItem">Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.</li></ol>

Customize various sections of your website easily using the settings panel. 

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management.

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_settings-panel-sitedude-builder.1714755832123.jpg?alt=media)

## Website Settings

The first tab, named "Website," encompasses settings for your entire website, including all subpages.

![](https://help.webwave.me/lib/dkwr2z/2023-09-15_07-22-lmk5ld4d.png)

1. ****General settings**** - in this tab we can manage subpages, rename your site and add a custom Favicon.
2. ****Language versions****\- add multiple language versions to your site.
3. ****Page background**** - freely change the background of your page. Changing the background here will also change the background on other subpages.
4. ****Cookies information****\- in this tab we can edit and change the display of information about cookies that your site uses.
5. ****Text styles**** - define your text styles in this tab; it helps to keep the page consistent.
6. ****Global colors**** - set the colors of your page so that you can change the colors globally.
7. ****Responsive design (RWD)**** - if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.
8. ****More settings**** - in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.

## Page Settings

The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles.

![](https://help.webwave.me/lib/dkwr2z/2023-09-15_07-32-lmk5yg7s.png)

1. ****Webpage settings****\- in this tab we can manage the subpage, change the name of your page and add a custom Thumbnail.
2. ****Page background**** - freely change the background of your subpage.
3. ****Publication settings**** - change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".
4. ****SEO settings**** - this tab allows us to add meta title and meta description to the page, which allows us to better position the page in search engines.
5. ****Responsive design (RWD)**** - if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.
6. ****More settings**** - in this tab we can add HTML, CSS, JS code to the head section of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.

## Element Settings

Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more.

## Group Settings

The Advanced Builder in Sitedu.de Website Builder provides a useful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings:

![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_group-settings.1714754937204.png?alt=media)

1. ****Position and Size****: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.
2. ****Background Settings****: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.
3. ****Style****: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.
4. ****Show/Hide effects****: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.
5. ****Responsive Design****: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.
6. ****Display on many pages****: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.
7. ****Bound objects****: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.

## Article Settings

The article settings are only activated on your blog articles or product pages.

![](https://help.webwave.me/lib/dkwr2z/2023-09-15_07-38-lmk6574w.png)

1. ****Article settings**** - go to article settings, rename, duplicate or delete and add a custom Thumbnail.
2. ****Publication settings**** - change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".
3. ****SEO settings**** - this tab allows us to add meta title and meta description to the page, which allows us to better position the page in search engines.
4. ****Article layout**** - from the settings panel, change the article pattern to be used by the article.
5. ****Article categories**** - article categories help us to maintain order and the process of displaying articles in the List of articles - newsfeed.
6. ****More settings**** - in this tab we can add HTML, CSS, JS code to the head section.

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. 1. General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.&nbsp; 2. Language versions&nbsp;- add multiple language versions to your site.&nbsp; 3. Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages. 4. Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.&nbsp; 5. Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp; 6. Global colors&nbsp;- set the colors of your page so that you can change the colors globally.&nbsp; 7. Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view. 8. More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page. Page SettingsThe Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. 1. Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp; 2. Page background&nbsp;- freely change the background of your subpage. 3. Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp; 4. SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.&nbsp; 7. Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page. 6.&nbsp;More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page. Element Settings&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. Group Settings The Advanced Builder in Sitedu.de Website Builder provides a powerful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website. Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page. Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website. Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions. Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices. Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page. Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size. Article SettingsThe article settings are only activated on your blog articles or product pages. 1. Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail. 2. Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp; 3. SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.&nbsp; 5. Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article. 6. Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed. 7. More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.

Settings Panel

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.</li><li value="2" class="PlaygroundEditorTheme__listItem">Language versions&nbsp;- add multiple language versions to your site.&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages.</li><li value="4" class="PlaygroundEditorTheme__listItem">Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.</li><li value="5" class="PlaygroundEditorTheme__listItem">Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp;</li><li value="6" class="PlaygroundEditorTheme__listItem">Global colors&nbsp;- set the colors of your page so that you can change the colors globally.</li><li value="7" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.</li><li value="8" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Page Settings</h2> The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your subpage.</li><li value="3" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Element Settings</h2>&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Group Settings</h2> The Advanced Builder in Sitedu.de Website Builder provides a powerful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.</li><li value="2" class="PlaygroundEditorTheme__listItem">Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.</li><li value="3" class="PlaygroundEditorTheme__listItem">Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.</li><li value="4" class="PlaygroundEditorTheme__listItem">Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.</li><li value="6" class="PlaygroundEditorTheme__listItem">Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.</li><li value="7" class="PlaygroundEditorTheme__listItem">Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Article Settings</h2>The article settings are only activated on your blog articles or product pages. <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail.</li><li value="2" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="4" class="PlaygroundEditorTheme__listItem">Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article.</li><li value="5" class="PlaygroundEditorTheme__listItem">Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.</li></ol>

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-22-lmk5ld4d.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.</li><li value="2" class="PlaygroundEditorTheme__listItem">Language versions&nbsp;- add multiple language versions to your site.&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages.</li><li value="4" class="PlaygroundEditorTheme__listItem">Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.</li><li value="5" class="PlaygroundEditorTheme__listItem">Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp;</li><li value="6" class="PlaygroundEditorTheme__listItem">Global colors&nbsp;- set the colors of your page so that you can change the colors globally.</li><li value="7" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.</li><li value="8" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Page Settings</h2> The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-32-lmk5yg7s.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your subpage.</li><li value="3" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Element Settings</h2>&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Group Settings</h2> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_group-settings.1714754937204.png?alt=media" alt="" width="inherit" height="inherit"> The Advanced Builder in Sitedu.de Website Builder provides a powerful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.</li><li value="2" class="PlaygroundEditorTheme__listItem">Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.</li><li value="3" class="PlaygroundEditorTheme__listItem">Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.</li><li value="4" class="PlaygroundEditorTheme__listItem">Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.</li><li value="6" class="PlaygroundEditorTheme__listItem">Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.</li><li value="7" class="PlaygroundEditorTheme__listItem">Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Article Settings</h2>The article settings are only activated on your blog articles or product pages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-38-lmk6574w.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail.</li><li value="2" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="4" class="PlaygroundEditorTheme__listItem">Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article.</li><li value="5" class="PlaygroundEditorTheme__listItem">Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.</li></ol>

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_settings-panel-sitedude-builder.1714755765462.jpg?alt=media" alt="" width="inherit" height="inherit"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-22-lmk5ld4d.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.</li><li value="2" class="PlaygroundEditorTheme__listItem">Language versions&nbsp;- add multiple language versions to your site.&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages.</li><li value="4" class="PlaygroundEditorTheme__listItem">Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.</li><li value="5" class="PlaygroundEditorTheme__listItem">Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp;</li><li value="6" class="PlaygroundEditorTheme__listItem">Global colors&nbsp;- set the colors of your page so that you can change the colors globally.</li><li value="7" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.</li><li value="8" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Page Settings</h2> The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-32-lmk5yg7s.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your subpage.</li><li value="3" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Element Settings</h2>&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Group Settings</h2> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_group-settings.1714754937204.png?alt=media" alt="" width="inherit" height="inherit"> The Advanced Builder in Sitedu.de Website Builder provides a powerful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.</li><li value="2" class="PlaygroundEditorTheme__listItem">Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.</li><li value="3" class="PlaygroundEditorTheme__listItem">Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.</li><li value="4" class="PlaygroundEditorTheme__listItem">Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.</li><li value="6" class="PlaygroundEditorTheme__listItem">Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.</li><li value="7" class="PlaygroundEditorTheme__listItem">Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Article Settings</h2>The article settings are only activated on your blog articles or product pages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-38-lmk6574w.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail.</li><li value="2" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="4" class="PlaygroundEditorTheme__listItem">Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article.</li><li value="5" class="PlaygroundEditorTheme__listItem">Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.</li></ol>

The settings panel empowers you to modify different sections of your website, conveniently organized into tabs for easy access and management. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_settings-panel-sitedude-builder.1714755832123.jpg?alt=media" alt="" width="inherit" height="inherit"> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Website Settings</h2> The first tab, named "Website," encompasses settings for your entire website, including all subpages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-22-lmk5ld4d.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">General settings&nbsp;- in this tab we can manage subpages, rename your site and add a custom Favicon.</li><li value="2" class="PlaygroundEditorTheme__listItem">Language versions&nbsp;- add multiple language versions to your site.&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your page. Changing the background here will also change the background on other subpages.</li><li value="4" class="PlaygroundEditorTheme__listItem">Cookies information&nbsp;- in this tab we can edit and change the display of information about cookies that your site uses.</li><li value="5" class="PlaygroundEditorTheme__listItem">Text styles&nbsp;- define your text styles in this tab; it helps to keep the page consistent.&nbsp;</li><li value="6" class="PlaygroundEditorTheme__listItem">Global colors&nbsp;- set the colors of your page so that you can change the colors globally.</li><li value="7" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake while creating a version of your site in mobile views, with this function you can reset the given mobile mode to the original view.</li><li value="8" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab, we can add HTML, CSS, JS code to the head section of the entire site, change settings for: quick page display, showing and hiding comment bar, enabling and hiding phone app (PWA), enabling and disabling photo download hindrance, and showing and hiding snow on the page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Page Settings</h2> The Page settings allow you to take control of the whole page you are working on. They are only activated on actual pages, but not on blog articles. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-32-lmk5yg7s.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Webpage settings&nbsp;- in this tab we can manage the subpage, change the name of your page and add a custom&nbsp;Thumbnail.&nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Page background&nbsp;- freely change the background of your subpage.</li><li value="3" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the visibility of your subpage on the web, you can set the page to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive design (RWD)&nbsp;- if you made a mistake when creating a mobile view version of your site, with this feature you can reset the selected mobile mode to the original view for the selected page.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS code to the head section&nbsp;of a given sub-page, and decide whether editors when logged into the CMS will be able to edit the content of this page.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Element Settings</h2>&nbsp;Edit the appearance of the element you have added to your site. There are a bunch of elements that will enable different settings for each. Check out the elements section of this knowledge base to learn more. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Group Settings</h2> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_group-settings.1714754937204.png?alt=media" alt="" width="inherit" height="inherit"> The Advanced Builder in Sitedu.de Website Builder provides a powerful feature called Group Settings. This allows you to group elements together and apply settings to them as a whole. Here's a brief overview of what you can do with Group Settings: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Position and Size: Adjust the position and size of the grouped elements together. This ensures consistency in design and layout across your website.</li><li value="2" class="PlaygroundEditorTheme__listItem">Background Settings: Apply a background color or image to all elements in the group. This can help to visually unify the grouped elements or make them stand out from the rest of the page.</li><li value="3" class="PlaygroundEditorTheme__listItem">Style: Apply a consistent style to the grouped elements, including border, rounding, shadow, opacity, and margin settings. This can help to create a cohesive look and feel for your website.</li><li value="4" class="PlaygroundEditorTheme__listItem">Show/Hide effects: Control the visibility of the grouped elements, allowing you to create dynamic content that can be shown or hidden based on certain conditions or user interactions.</li><li value="5" class="PlaygroundEditorTheme__listItem">Responsive Design: Restore modified settings in case a design looks broken on mobile. This ensures your website looks great and functions well on all devices.</li><li value="6" class="PlaygroundEditorTheme__listItem">Display on many pages: Show one element on multiple pages to speed up page creation and make it easier to modify later. This is particularly useful for elements like headers, footers, and navigation menus that appear on every page.</li><li value="7" class="PlaygroundEditorTheme__listItem">Bound objects: Bind elements together to keep the distance between constant. This can help to maintain a consistent layout and spacing across your website, regardless of the device or screen size.</li></ol> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Article Settings</h2>The article settings are only activated on your blog articles or product pages. <img src="https://help.webwave.me/lib/dkwr2z/2023-09-15_07-38-lmk6574w.png" alt="" width="inherit" height="inherit"> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Article settings&nbsp;- go to article settings, rename, duplicate or delete and add a custom&nbsp;Thumbnail.</li><li value="2" class="PlaygroundEditorTheme__listItem">Publication settings&nbsp;- change the publication date of the article and change its accessibility, you can set the article to "For all", "Not available", "For logged in", "Password protected".&nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">SEO settings&nbsp;- this tab allows us to add&nbsp;meta title and meta description&nbsp;to the page, which allows us to better position the page in search engines.</li><li value="4" class="PlaygroundEditorTheme__listItem">Article layout&nbsp;- from the settings panel, change the article pattern to be used by the article.</li><li value="5" class="PlaygroundEditorTheme__listItem">Article&nbsp;categories&nbsp;- article categories help us to maintain order and the process of displaying articles in the&nbsp;List of articles - newsfeed.</li><li value="6" class="PlaygroundEditorTheme__listItem">More settings&nbsp;- in this tab we can add&nbsp;HTML, CSS, JS&nbsp;code to the head section.</li></ol>

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

Was this article helpful?