---
title: CMS configuration
description: Create CMS variables using input fields and snippets
---
[Skip to content](https://support.sitemanager.io/en/page-components/html/cms-configuration#main-content)
[](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. [HTML](https://support.sitemanager.io/en/page-components?hsLang=en#html)
# CMS configuration
## Create CMS variables using input fields and snippets
When you edit a page component you can add code blocks.
[https://support.sitemanager.io/en/edit-a-page-component](https://support.sitemanager.io/en/edit-a-page-component?hsLang=en)
[https://support.sitemanager.io/en/create-a-new-page-component](https://support.sitemanager.io/en/create-a-new-page-component?hsLang=en)
[https://support.sitemanager.io/en/code-block](https://support.sitemanager.io/en/code-block?hsLang=en)
HTML data inside the code blocks can be replaced with CMS input.
#### Click the CMS configuration button (1)
A right panel will open where you can add input fields and/or snippets to your code block.
#### Block Label (2)
This shows the name of the block where these input variables belong to.
#### Snippets (3)
Instead of adding input fields, you can add code snippets.
[https://support.sitemanager.io/en/snippets-page-components](https://support.sitemanager.io/en/snippets-page-components?hsLang=en)
#### Add input Fields (4)
Click the blue plus icon or click Search Inputs to find the option type you want to add to the code block.
There are many types of input types.
Every input type has its own settings and CMS variables that come with it.
#### Input Fields List (5)
All Input Fields for this code block (2) will be shown in a list.
#### Input type (6)
Name of the input type that has been installed.
#### Input label (7)
The label of the specific input
#### Input position (8)
You can drag and drop the input fields in different positions. This is the position in which the input field will be shown inside the CMS form.
#### Input Settings (9)
Click this button to change the properties of the input field. You can also click on the Input Type name (6) to go to its properties page.
#### Input actions (10)
Click the button to open to actions menu.
Click the Delete link to remove the input field from the code block.
- [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)
- [Go Live](https://support.sitemanager.io/en/dashboard?hsLang=en#go-live)
- [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)
- [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)
- [Image Library](https://support.sitemanager.io/en/content?hsLang=en#image-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)
[](https://support.sitemanager.io/en?hsLang=en)
Copyright © 2026, SiteManager Group