CMS

What is the CMS

Last updated
1/13/2020

CMS stands for Content Management System, which can be understood as a system that manages the content of your site.

In VTEX, CMS is the module that manages the code of your site and everything related to it - including the way the content appears on the screen.

In other words, it's in this module that you will create, organize and edit the entire structure of folders and files that make up your site.

In this article, you will learn basic concepts that will help in your first steps.

Sites and channels

Sites and Channels is the area inside CMS where all the folder structure of your site is located.

It's here that you will create and organize the layouts of your site, as we will see later.

Sites and channels (1)

Binding

Before you can start organizing content, your site must be linked to the store as defined in your account settings.

This is because every account can have multiple stores, each associated with a different folder structure.

Through the binding, you tell the platform which store "owns" that specific folder structure.

See how to do the binding in the article Linking a store to a folder structure in CMS.

Binding

Layouts and templates

After your site is created and already linked to a store, you will need to define templates and layouts.

  • Template: here is where the code itself is written. Among other things, it determines how the information will appear on the screen, including where the placeholders will be shown. The templates are put together in the HTML Templates and Shelves Templates folders.
  • Layout: it's responsible for determining which elements will appear on a page. It is the one that sets the placeholders (elements like banners, collections and others), that will be displayed to the end user. In order to work, each layout must be linked to a single template. You can find the layouts of your Web Site organized by folders in the Sites and channels directory.

Placeholders

These are elements (DHTML Banner, HTML, Collection, Banner, Related Products) that may or may not be used in the pages of your Web Site. They are configured in the layouts (which are stored in the Sites and channels directory), but their position on the page is determined by the code in the templates (stored in the HTML Templates directory).

The layout defines which placeholders are going to be used, and what they display, but it's the code (that is, the template) that will tell you where they appear on the page.

Collection

For the CMS module, collections are placeholders that display product clusters on a particular page. These groups need to be defined in the Product Clusters (Collections) directory.

Coleção

Controls

VTEX native controls render various useful and replicable features in your site templates. For example, when you enter the <vtex.cmc:productName/> control on your product page, the system will automatically render the product name.

See the complete list of native controls for templates in this article.

Custom Elements

In addition to native VTEX controls, the system allows you to create custom controls. They are stored in the Custom Elements directory, and can be used in any template, in the same way as native controls.

Custom elements

URL Builder

In this section you can build friendlier URLs, making the pages of your Web Site easier for the user to find.

URL Builder

Files Manager

To manage the files of your Web Site, you may access this directory. In it, you can add, delete and modify CSS, JavaScript, Flash, XML and image files.

Files manager

Still got questions?
Ask the community
Find solutions and share ideas in VTEX's community.
Talk to our experts
Get in touch if you have something specific to ask about the platform.
  • PT
  • ES
VTEX website