Menu
Feedback
Comece aqui
Tutoriales
Portal del desarrollador

Problemas Conocidos
Directrices de Soporte
Troubleshooting

Preguntas Frecuentes
Anuncios
Tutoriales
Tutoriales
Explore tutoriales detallados para operar su tienda VTEX.
Tutoriales
Storefront
Layout
Personalizar una página usando placeholder
Personalizar una página usando placeholder

Crear una descripción para Categoria puede ser una influencia positiva en el SEO del sitio. Es muy interesante mantener todo el sitio bien mapeado para aumentar la relevancia de los términos citados en textos como descripción, footer, menú, etc.

Colocando la descripción en el sitio

Continuando en el área de edición del Portal...

  1. Entre en Templates de Página
  2. Haga clic en Categoria
  3. En el XHTML del Template, inserte el código que contiene el placeholder
  4. Haga clic en Salvar Template

Recordando que el htmlSeo es el nombre del control creado arriba. Este control puede tener otro nombre, como por ejemplo Banner-Principal.

Ejemplo de código


<div class="bloco-de-conteudo"/>
<vtex:contentPlaceHolder id="htmlSeo"/>
</div>

Ejemplos

{"base64":"  ","img":{"width":1071,"height":305,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":18178,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_1.png"}}
 
{"base64":"  ","img":{"width":1118,"height":258,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":14638,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_2.png"}}

Obs.: la aplicación del placeholder puede ser realizada de otras maneras hasta que atienda el local, el formato, o sea, la necesidad del dueño de la tienda.

Creando la descripción

Para incluir una descripción para Categoria (Categoria), siga los pasos abajo:

  1. Entre en Configurações > Portal
  2. Haga clic en Portal > Web-sites > [nomedaloja] > / > categoria > @categoria@ > categoria
    {"base64":"  ","img":{"width":276,"height":561,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":42523,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_3.png"}}
  3. Entre en la pestaña Configurações
    {"base64":"  ","img":{"width":1010,"height":482,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":21503,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_4.png"}}
  4. Haga clic en Adicionar Controle
  5. Seleccione el tipo de control que desea, generalmente HTML
    {"base64":"  ","img":{"width":547,"height":317,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":17205,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_5.png"}}
  6. Haga clic en Adicionar
  7. Haga clic en Salvar Configurações
  8. Haga clic en Editar
  9. Haga clic en Adicionar Conteúdo
    {"base64":"  ","img":{"width":1084,"height":243,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":19485,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_6.png"}}
  10. Cree el HTML que le gustaría que aparezca en el sitio
  11. En la pestaña Preview podrá tener una visualización previa del HTML
  12. En los campos Condições de Exibição, configure de acuerdo a su necesidad, por ejemplo, seleccione una Categoría en la que este contenido estará disponible.
  13. Haga clic en el checkbox Conteúdo Ativo
  14. Haga clic en Adicionar na Lista de Conteúdo
    {"base64":"  ","img":{"width":768,"height":588,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":98713,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-personalizar-una-pagina-usando-placeholder_7.png"}}
  15. Haga clic en Salvar Configurações
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
¿Todavía tienes dudas?
Pregunte a la comunidad
Encuentra solucciones y comparte ideas en la comunidad de VTEX.
Únete a nuestra comunidad
Solicite soporte a VTEX
Para asistencia personalizada, contacte a nuestros expertos.
Abra un ticket de soporte
GithubDeveloper portalCommunityFeedback