Dentro do CMS que a plataforma vTex oferece também é possível criar páginas bem customizadas para atender a necessidade de sua loja virtual.
A plataforma de loja virtual da vTex disponibiliza um módulo chamado CMS – Content Management System, ou Sistema de Gerenciamento de Conteúdo. Através dele é possível, como o próprio nome já diz, gerenciar o conteúdo que você irá utilizar em sua loja. Arquivos de códigos, imagens, templates de páginas, URLs, etc são exemplos de conteúdo que são gerenciados nesse módulo.
Diferença entre Template e Layout na plataforma vTex
Para criar uma página dentro do gerenciador de conteúdo da vTex, primeiramente temos que entender dois conceitos básicos: Template e Layout. O primeiro se trata da codificação em HTML e XHTML, com a finalidade de criar todo o formato da página juntamente com seus elementos visuais, aqui entram também o conteúdo CSS, alguns possíveis códigos em JavaScript, etc. Já o Layout é a página propriamente dita que será acessada por uma URL no navegador, ele também é responsável pelas customizações através da parametrização do Template. Em resumo, quando criamos um Layout estamos criando uma página que estará usando um Template, como modelo.
Desse modo, toda a criação de uma página deve-se iniciar com a construção de seu template.
Como criar um template
Para criarmos um template devemos acessar o módulo CMS da vTex e dentro desse módulo clicar na opção HTML Template. Para adicionar um novo template, basta selecionarmos a opção New Template e darmos um nome para ele. Já podemos editá-lo e adicionar o nosso conteúdo, para isso, basta escrevermos o código no campo correspondente. Uma pessoa leiga no assunto de programação não irá conseguir fazer esse desenvolvimento, pois aqui são necessários conhecimentos em HTML, XHTML, CSS, JavaScript, etc. Portanto, deixe para profissionais qualificados essa parte, seja seu departamento de TI ou até mesmo uma agência contratada com essa finalidade. Para customizações no Layout, a plataforma de loja virtual vTex disponibiliza um conjunto de controles de conteúdo, que podem ser usados para trazer um elemento visual em sua página previamente preparado pela plataforma. Um post mais detalhado sobre isso você vai encontrar aqui. O importante aqui é dizer que a inclusão de alguns desses controles possibilita carregar um conteúdo “prévio” da vTex ou ainda parametrizar seu template, para que a finalização ocorra na construção e configuração de seu Layout.
Como criar um Layout
Uma vez finalizado o template, iremos para a criação do Layout. Continuando no módulo de CMS, mas agora acessando a opção Sites and Channels. Ao clicar nessa pasta estamos expandindo a visualização dos sites dentro de sua conta vTex. Selecione o site para o qual irá criar a página. Você irá visualizar uma pasta com um símbolo “/”, ela representa a raiz do seu site e sua nova página deverá ser criada dentro dela. Na tela ao lado do menu de navegação, clique em New Folder. Preencha os campos solicitados e clique em salvar. O importante nessa parte é ficar atento ao nome do folder, pois é ele que irá dizer qual é o caminho da sua página. Busque sempre um nome que seja de fácil leitura para seus clientes, pois assim as dificuldades na escrita da URL e no acesso serão menores. Uma outra dica, separe sempre as palavras usando hífen, isso influencia em seu SEO. Após a criação do folder, devemos criar o Layout propriamente dito, para isso precisamos clicar na pasta que acabamos de criar e selecionar a opção Criar novo Layout. Ao clicar na opção Novo Layout, duas abas aparecem. Na primeira aba de Properties damos um nome para o nosso Layout e inserimos qual o Template que ele irá usar. Devemos também adicionar uma classe para o corpo da sua página – body do documento. Já na segunda aba, a de Settings, preenchemos com os dados parametrizados pelo Template, seja com uma inserção de HTML, um banner, uma coleção, etc. O botão check box Default Page significa que essa página será a página padrão quando acessarmos a URL do folder.
Seguindo esses passos você é capaz de criar uma página em sua loja virtual e customizá-la da maneira que mais agrade e atraia seus clientes.