Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Tutorials
Tutorials
Explore in-depth tutorials for operating your VTEX store.
Tutorials
Storefront
Headless CMS
Managing Pages in the Headless CMS
Managing Pages in the Headless CMS

In Headless CMS, you can manage all the URL routes and page templates for your store's website, including the Global Alert Page Page,Product Page. You can also create and link custom pages to predefined templates and manage pages created directly in the source code of your storefront project.

Overview

{"base64":"  ","img":{"width":1563,"height":365,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":25806,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Headless%20CMS/managing-pages_1.png"}}

OptionDescription
Create DocumentCreates a new page based on the options available, e.g., Product Page or Home.
Settings (⚙️)Opens a modal that displays project configurations organized into three tabs:
  • General: Edits the project ID and API settings or archives the project.
  • Content-Types: Saves the content types created in the source code in the Headless CMS. {Qual o significado dessa tela?}
  • Build: Connects the CMS project with your code source through webhooks by setting up the content types and sections.
SearchSearches specific pages within the project.
StatusFilters the pages according to their status:
  • Published: Pages that are published and already available in the live store.
  • Draft: Pages that are in draft with work in progress and haven't been published yet.
TypeFilters the pages according to their content type. The content types are defined in your store code. For more information, see Adding Content Types to the Headless CMS.

Creating a new page

To create and manage a page, follow these steps:

  1. In your VTEX Admin, access Headless CMS.

Make sure you are in the correct project. If not, go to the Project menu in the upper left corner, select the name of the project where you want to create the page, and continue to step 2.

  1. Click Create document and select the desired page type.

  2. Under Untitled, name the page.

  3. Click on Sections and select the desired section.

    {"base64":"  ","img":{"width":1598,"height":708,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":614876,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Headless%20CMS/managing-pages_2.gif"}}

  4. Add more sections if needed and fill them out.

  5. Click Publish.

To duplicate or delete the page, click on the More actions menu () of the page.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback