{"section":"tracks","requestedLocale":"en","requestedSlug":"cms-vtex-io","locale":"en","slug":"cms-vtex-io","path":"docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io.md","branch":"main","content":"For stores developed with Store Framework, content management is performed through a [Content Management System - CMS](https://help.vtex.com/docs/tracks/what-is-the-cms) that integrates with [Site Editor](https://help.vtex.com/docs/tutorials/site-editor-overview). Other features, such as page, style, and banner management, are also available.\n\nTo build and configure your Store Framework website using CMS, you'll use the following features:\n\n- [Site Editor](#site-editor)\n- [Layout - Sites and channels](#layout-sites-and-channels)\n- [Banners](#banners)\n- [Pages](#pages)\n- [Styles](#styles)\n- [Media](#midia)\n\n## Site Editor\n\n**[Site Editor](https://help.vtex.com/en/tutorial/site-editor-overview--299Dbeb9mFczUTyNQ9xPe1)** is a graphical interface for managing storefront content. It allows you to create, edit, publish, and schedule storefront components and behavior changes.\n\nWith an intuitive interface directly in the VTEX Admin, Site Editor reflects the blocks defined in the [Store Theme](https://developers.vtex.com/docs/guides/vtex-io-documentation-store-theme), allowing anyone to change store content and layout without editing code.\n\n![site-editor-en](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io_1.png)\n## Layout - Sites and channels\n\nStores developed with Store Framework must also configure [store binding](https://help.vtex.com/docs/tutorials/what-is-cms-layout#binding) in the **[Sites and channels](https://help.vtex.com/docs/tutorials/what-is-cms-layout#sites-and-channels)** folder in the **Layout** section of the VTEX Admin.\n\nBinding is the process of linking your website to a store. For more details, see the article [Linking a store to a folder structure in CMS (binding)](/en/docs/tutorials/linking-an-account-name-to-a-website-binding).\n\n![layout-en](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io_2.png)\n\n> ℹ️ Except for the **Sites and channels** folder, all other features in the **Layout** section of the VTEX Admin are only available for CMS Portal (Legacy) stores.\n\n## Banners\n\nBanners is the feature that displays banners, like promotional campaigns, on the customer search results page. This is done by associating the words and filters selected in the search with the banner settings in your store.\n\nTo learn how to use this module, go to the tutorial [Configuring banners](https://help.vtex.com/docs/tutorials/configuring-banners).\n\n## Pages\n\nThe **Pages** module is where you manage your site pages. In the VTEX Admin, pages are divided into **Default**, **Product**, **Product Collections**, and **Not Found (404)**. There, you can create new URLs and link them to a template already defined in the [store theme code](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-4-configuringtemplates).\n\n![cms-store-framework-paginas-en](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io_3.gif)\n\nThis section also includes the **Redirects** page, which allows you to set up redirects from one store URL to another, more relevant one.\n\n![cms-store-framework-redirecionamentos-en](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io_4.png)\n\nTo learn more about this module, go to the tutorial [Pages](https://help.vtex.com/docs/tutorials/pages-overview).\n\n## Styles\n\nThis feature allows you to define your store typography and color palette.\n\n> ⚠️ This feature only works in [production workspaces](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-creating-a-production-workspace).\n\nTo learn how to use this module, go to the tutorial [Styles](https://help.vtex.com/docs/tutorials/styles-overview).\n\n## Media\n\nMedia is the module where you manage store media files, such as images and videos.\n\n![cms-store-framework-media-en](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tracks/vtex-modules-getting-started/cms/cms-vtex-io_5.png)\n\nTo learn more about this module, go to [Media - Overview](https://help.vtex.com/docs/tutorials/media-overview).\n\n## Learn more\n\n- **[Managing page and template content](https://help.vtex.com/docs/tutorials/managing-page-and-template-content):** Build your storefront based on your business needs using a user-friendly interface.\n\n- **[Managing content by binding](https://help.vtex.com/docs/tutorials/managing-content-per-binding):** Strategically customize your store's appearance according to user location to increase traffic and sales."}