---
title: Page Component Settings
description: Change the properties of your page component
---

[Skip to content](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#main-content)

[![SiteManager Platform](https://support.sitemanager.io/hs-fs/hubfs/SM_Platform-logo.png?width=164&height=40&name=SM_Platform-logo.png)](https://support.sitemanager.io/en?hsLang=en)

Open main navigation

Close main navigation

- [Go to sitemanager.io](https://www.sitemanager.io/)

[Go to sitemanager.io](https://www.sitemanager.io/)

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://support.sitemanager.io/en?hsLang=en)
2. [Page Components](https://support.sitemanager.io/en/page-components?hsLang=en)
3. [Getting Started](https://support.sitemanager.io/en/page-components?hsLang=en#getting-started)

# Page Component Settings

## Change the properties of your page component

To access the Settings of a (page) component, simply head to the Code Editor and click on the gear icon located on the right-hand side.

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-09-24-05-3130-AM.png?width=688&height=344&name=image-png-Oct-09-2024-09-24-05-3130-AM.png)

This will show various options:

- [Change Name](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#change-name)
- [Settings & Info](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#settings-info)
- [Included Libraries](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#included-libraries)
- [Design Panels](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#design-editor)
- [System Variables](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#system-variables)
- [Save To Library](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#save-to-library)
- [Delete](https://support.sitemanager.io/en/page-components/getting-started/page-component-settings#delete)

### Change Name

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-09-35-42-4553-AM.png?width=688&height=344&name=image-png-Oct-09-2024-09-35-42-4553-AM.png)

A dialog box will appear, allowing you to modify the name of your page component. Once you have made your adjustments, click on the Save Changes button to confirm your updates.

### Settings & Info ![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-09-57-13-1935-AM.png?width=688&height=411&name=image-png-Oct-09-2024-09-57-13-1935-AM.png)

To access the Settings and Information panel for the component, simply click this option.

#### Component Setting

Here, you will find additional settings regarding the component:

- **Description**: This text or HTML will be shown on top of the CMS page of the component. This can be used to give additional information to the CMS user about the component.
- **Reload page after CMS editing**: When you have a component that uses JavaScript libraries it might be necessary to reload the website preview page after editing.
- **Available to add to page in CMS**: Switch Off if you don't want to show this component in the CMS component list. This can be handy for components that are only used once.  Doing so makes the component list more organized.

Click **Save** at the bottom to apply your changes.

Underneath the Settings section, you'll find the Information section. This panel also provides valuable insight into where the component is currently being used.

#### Component Information

Some static information about your component.  
![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-09-58-07-5420-AM.png?width=688&height=400&name=image-png-Oct-09-2024-09-58-07-5420-AM.png)

- The first section shows in which **pages** the component is being used and how many unique style [**instances**](https://support.sitemanager.io/en/design/design-editor/page-component-instance-styling?hsLang=en) have been used for this component.
- The second section will show the Information color **legend**

### Included Libraries

You can attach JavaScript and CSS libraries to your page component. These will only be loaded on the pages where the component is used. Even if you have multiple instances of the same component on your page the library will only be loaded once.

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-02-27-4694-AM.png?width=688&height=349&name=image-png-Oct-09-2024-10-02-27-4694-AM.png)

In the First Section you can find some well-known libraries  
![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-04-09-8375-AM.png?width=688&height=317&name=image-png-Oct-09-2024-10-04-09-8375-AM.png)

You can also add your script in the "Lib Files" Area.

#### PageSpeed Settings

All your custom lib files will be compressed and combined into single files with the pagespeed engine.

To exclude files from this action simply add the following to the in the library link**:  
data-smps-nocombine**

```
<script data-smps-nocombine src='swfiles/body/libfile.js' />
```

All lib files that are not combined are added to the head section of the page. If you want to move them to the bottom of the page you simply add the tag:  
**data-smps-movebottom**

```
<script data-smps-nocombine data-smps-movebottom src='swfiles/body/libfile.js' />
```

#### PageSpeed Functions

Sometimes you want CMS users to add plugins and embeddable code to the site. This might not work with the pagespeed settings. You can use **two functions in the code editor** to force the script and link data inside these functions to be automatically **converted to the correct pagespeed settings**.

1\. add the no combine tag

```
[:smps_force_nocombine:(your_code_here)/:smps_force_nocombine:]
```

2\. add the no combine tag and move the script/link to the bottom of the page.

```
[:smps_force_nocombinemove:(your_code_here)/:smps_force_nocombinemove:]
```

### Design Panels ![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-08-53-6551-AM.png?width=688&height=348&name=image-png-Oct-09-2024-10-08-53-6551-AM.png)

When clicking this button a right panel will open, showing the design panels attached to this component. These panels are being generated when you add a block in the no-code block.

A Design Panel is a way for non-coding designers to manipulate the CSS and JavaScript of the components. 

### System Variables

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-16-34-6486-AM.png?width=688&height=525&name=image-png-Oct-09-2024-10-16-34-6486-AM.png)

### Save To Library

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-17-41-1652-AM.png?width=688&height=793&name=image-png-Oct-09-2024-10-17-41-1652-AM.png)

 This Section allows you to save your component to your own Private Library and reuse it in another project

### Content Editor

If your component is used on a page you will see a direct link to the CMS page for this component.

### Design Editor

If your component is used on a page you will see a direct link to the Design editor for this component.

### Delete

You can only delete a component from your project it is no longer used on any page.

If this is the case you will receive the following warning:

![](https://support.sitemanager.io/hs-fs/hubfs/image-png-Oct-09-2024-10-12-02-9996-AM.png?width=688&height=345&name=image-png-Oct-09-2024-10-12-02-9996-AM.png)

 

- [Getting Started](https://support.sitemanager.io/en/getting-started?hsLang=en)
- [Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/dashboard?hsLang=en#getting-started)
    - [Project Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#project-dashboard)
    - [White Label & Add-ons](https://support.sitemanager.io/en/dashboard?hsLang=en#white-label-add-ons)
- [Account](https://support.sitemanager.io/en/account?hsLang=en#main-content)

    - [Account Settings](https://support.sitemanager.io/en/account?hsLang=en#account-settings)
    - [My Company](https://support.sitemanager.io/en/account?hsLang=en#my-company)
    - [Subscription](https://support.sitemanager.io/en/account?hsLang=en#subscription)
- [Project](https://support.sitemanager.io/en/project?hsLang=en#main-content)

    - [General](https://support.sitemanager.io/en/project?hsLang=en#general)
    - [Upgrade Project](https://support.sitemanager.io/en/project?hsLang=en#upgrade-project)
- [SEO](https://support.sitemanager.io/en/seo?hsLang=en#main-content)

    - [Basics](https://support.sitemanager.io/en/seo?hsLang=en#basics)
    - [Advanced](https://support.sitemanager.io/en/seo?hsLang=en#advanced)
- [Go Live](https://support.sitemanager.io/en/go-live?hsLang=en#main-content)

    - [Prepare Project](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-project)
    - [Prepare Domain](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-domain)
    - [Going Live](https://support.sitemanager.io/en/go-live?hsLang=en#going-live)
    - [Advanced](https://support.sitemanager.io/en/go-live?hsLang=en#advanced)
- [Content](https://support.sitemanager.io/en/content?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/content?hsLang=en#getting-started)
    - [Page Management](https://support.sitemanager.io/en/content?hsLang=en#page-management)
    - [Content Management](https://support.sitemanager.io/en/content?hsLang=en#content-management)
    - [Language Management](https://support.sitemanager.io/en/content?hsLang=en#language-management)
    - [Media Library](https://support.sitemanager.io/en/content?hsLang=en#media-library)
    - [Collaborating on a project](https://support.sitemanager.io/en/content?hsLang=en#collaborating-on-a-project)
- [Page Components](https://support.sitemanager.io/en/page-components?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/page-components?hsLang=en#getting-started)
    - [HTML](https://support.sitemanager.io/en/page-components?hsLang=en#html)
    - [CSS](https://support.sitemanager.io/en/page-components?hsLang=en#css)
    - [JavaScript (JS)](https://support.sitemanager.io/en/page-components?hsLang=en#javascript-js)
    - [How To](https://support.sitemanager.io/en/page-components?hsLang=en#how-to)
- [Layout Components](https://support.sitemanager.io/en/layout-components?hsLang=en)
- [No-Code Editor](https://support.sitemanager.io/en/no-code-editor?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/no-code-editor?hsLang=en#getting-started)
    - [Properties](https://support.sitemanager.io/en/no-code-editor?hsLang=en#properties)
    - [Advanced](https://support.sitemanager.io/en/no-code-editor?hsLang=en#advanced)
- [Design](https://support.sitemanager.io/en/design?hsLang=en#main-content)

    - [Overview](https://support.sitemanager.io/en/design?hsLang=en#overview)
    - [Design editor](https://support.sitemanager.io/en/design?hsLang=en#design-editor)
    - [Design Panels](https://support.sitemanager.io/en/design?hsLang=en#design-panels)
    - [Responsive](https://support.sitemanager.io/en/design?hsLang=en#responsive)
    - [Fonts](https://support.sitemanager.io/en/design?hsLang=en#fonts)
    - [Layouts](https://support.sitemanager.io/en/design?hsLang=en#layouts)
- [Code](https://support.sitemanager.io/en/code?hsLang=en#main-content)

    - [Introduction](https://support.sitemanager.io/en/code?hsLang=en#introduction)
    - [Token Management](https://support.sitemanager.io/en/code?hsLang=en#token-management)
    - [Project Setup](https://support.sitemanager.io/en/code?hsLang=en#project-setup)
    - [ToolStack](https://support.sitemanager.io/en/code?hsLang=en#toolstack)
    - [Private Library](https://support.sitemanager.io/en/code?hsLang=en#private-library)
- [Dynamic Content](https://support.sitemanager.io/en/dynamic-content?hsLang=en#main-content)

    - [Getting started](https://support.sitemanager.io/en/dynamic-content?hsLang=en#getting-started)
    - [Basics](https://support.sitemanager.io/en/dynamic-content?hsLang=en#basics)
    - [Advanced](https://support.sitemanager.io/en/dynamic-content?hsLang=en#advanced)
- [External Content](https://support.sitemanager.io/en/external-content?hsLang=en#main-content)

    - [Getting started](https://support.sitemanager.io/en/external-content?hsLang=en#getting-started)
    - [Configuration & implementation](https://support.sitemanager.io/en/external-content?hsLang=en#configuration-implementation)
- [Logic (Smart Content)](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#getting-started)
    - [Configuration & Implementation](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#configuration-implementation)
    - [Logic](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#logic)
    - [AB testing](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#ab-testing)
    - [Timed Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#timed-content)
    - [Password Protected Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#password-protected-content)
    - [Smart API](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#smart-api)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/integrations?hsLang=en#getting-started)
    - [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#integrations)
    - [Advanced](https://support.sitemanager.io/en/integrations?hsLang=en#advanced)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/modules?hsLang=en#getting-started)
    - [Modules](https://support.sitemanager.io/en/modules?hsLang=en#modules)
- [Upgrade Center](https://support.sitemanager.io/en/upgrade-center?hsLang=en#main-content)

    - [Components](https://support.sitemanager.io/en/upgrade-center?hsLang=en#components)
- [Forms](https://support.sitemanager.io/en/forms?hsLang=en#main-content)

    - [General](https://support.sitemanager.io/en/forms?hsLang=en#general)
    - [Captcha](https://support.sitemanager.io/en/forms?hsLang=en#captcha)
    - [Form Actions](https://support.sitemanager.io/en/forms?hsLang=en#form-actions)
    - [Extending Forms](https://support.sitemanager.io/en/forms?hsLang=en#extending-forms)
    - [Email Templates](https://support.sitemanager.io/en/forms?hsLang=en#email-templates)
    - [Advanced](https://support.sitemanager.io/en/forms?hsLang=en#advanced)
- [Cookie Settings](https://support.sitemanager.io/en/cookie-settings?hsLang=en#main-content)

    - [Getting Started](https://support.sitemanager.io/en/cookie-settings?hsLang=en#getting-started)
    - [Configuration](https://support.sitemanager.io/en/cookie-settings?hsLang=en#configuration)
- [API Call](https://support.sitemanager.io/en/api-call?hsLang=en#main-content)

    - [Configuration](https://support.sitemanager.io/en/api-call?hsLang=en#configuration)

[![SiteManager Icon](https://support.sitemanager.io/hs-fs/hubfs/logo_icon_big.png?width=15&height=24&name=logo_icon_big.png "SiteManager Icon")](https://support.sitemanager.io/en?hsLang=en)

 

<https://www.facebook.com/TeamSiteManager/> <https://twitter.com/TeamSiteManager/> <https://www.instagram.com/teamsitemanager/> <https://www.linkedin.com/company/sitemanager/> <https://www.youtube.com/user/SiteMNGR/>

Copyright © 2026, SiteManager Group