Creating a new section (CMS)
1 min read
This guide applies to stores using the CMS. If your store still runs on Headless CMS (legacy), refer to Creating a new section (Headless CMS legacy) instead.
When the available FastStore native sections don't meet your business requirements, you can create a new section component and make it available for editors in the CMS.
How it works
Creating a new section for the CMS involves:
- Creating the component: Build the React component and its
.jsoncschema incms/faststore/components. - Verifying it locally: Run the storefront locally to confirm the component compiles without errors before syncing.
- Syncing with the CMS:Generate and upload the schema with a single
faststore cms-synccommand (or the individual Content plugin commands). - Adding it to a page: In the Admin, go to Storefront > Content, open a page, and add the new section through the section picker.
For the complete step-by-step instructions, including a working
CallToAction example with code snippets, see Creating a new section in the CMS.