{"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":"Stores developed with Store Framework are integrated with [Site Editor](https://developers.vtex.com/docs/guides/working-with-site-editor), which works as a Content Management System (CMS). Other features like Page, Style, and Banner management are also available.\n\nTo build and configure your Store Framework website using CMS, you will use the following:\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](/en/docs/tutorials/site-editor-overview)** 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 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 make store content and layout changes without having to edit the 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\n## Layout - Sites and channels\n\nStores developed using Store Framework must also configure the [store binding](/en/docs/tutorials/what-is-cms-layout#binding) via the **[Sites and channels](/en/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 the **Sites and channels**folder, all the other features in the **Layout** section of the VTEX Admin are only available for Legacy CMS Portal 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, see the tutorial [Banners](/en/v4/docs/banners--51nNoJABZ5NtvJQCucCXCy).\n\n## Pages\n\nThe **Pages** module is where your site pages are managed. In the VTEX Admin, the pages are divided into **Default**, **Product**, **Product Collections**, and **Not Found (404)**. They allow you to 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 that allows you to set up redirects from one store URL to a 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, see the tutorial [Pages - Overview](/en/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, see the tutorial [Styles - Overview](/en/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, see the tutorial [Media - Overview](/en/docs/tutorials/media-overview).\n\n## Learn more\n\n- **[Managing page and template content](/en/docs/tutorials/managing-page-and-template-content):** Build your storefront based on your business needs, using a user-friendly interface to your advantage.\n\n- **[Managing content by binding](/en/docs/tutorials/managing-content-per-binding):** Strategically customize your store layout based on the user location to increase access and sales rates."}