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
Cambiar las páginas del sitio para el protocolo HTTPS
Cambiar las páginas del sitio para el protocolo HTTPS

Para cambiar la configuración de protocolo HTTP o HTTPS en las páginas de su tienda, basta seguir los pasos abajo según el tipo de la página deseada.

Layout

El módulo Layout abarca home, catálogo (búsqueda, categorías y productos), landing pages y otras páginas personalizadas.

Es posible cambiar el protocolo en todas las carpetas de una sola vez con el uso de nuestra API, documentada en esta colección de Postman.

Atención: evite tener el protocolo HTTPS activado sólo en algunas páginas. Al acceder a una página HTTPS, luego ir a una página HTTP de la misma tienda, el navegador intentará leer sus recursos forzosamente en HTTPS, y esto puede generar problemas.

Lo adecuado es activar el HTTPS en todo el sitio de una sola vez.

Lo mismo vale para los sitios de desktop y mobile (website secundario), donde es necesario tratar el HTTPS de ambos al mismo tiempo.

  1. En el Admin VTEX, accede a **Storefront > ** y abra la carpeta CMS;
  2. Acceda a Sites and channels;
  3. Acceda el website deseado;
  4. Abra la carpeta raíz del website;
    {"base64":"  ","img":{"width":1080,"height":560,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":45320,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-usar-el-protocolo-https-en-la-tienda_1.png"}}
  5. La pantalla que se abre muestra todas las carpetas que están en el primer nivel del sitio. Para cada carpeta pertinente, haga clic en Edit - para la home, considera el botón superior;
    {"base64":"  ","img":{"width":1119,"height":572,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":68586,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-usar-el-protocolo-https-en-la-tienda_2.png"}}
  6. En el cuadro de selección Protocol, seleccione la opción HTTPS;
    {"base64":"  ","img":{"width":883,"height":475,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":23424,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-usar-el-protocolo-https-en-la-tienda_3.png"}}
  7. Haga clic en Save Folder.

Atención a las carpetas que tienen subcarpetas, como Departamento, Categoria, Produto y otras carpetas, incluyendo también las creadas para la personalización de la tienda.

En el siguiente ejemplo, la carpeta @Orders@, contenida en Account, que también debe ser editada:

{"base64":"  ","img":{"width":1115,"height":578,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":47435,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Storefront/Layout/como-usar-el-protocolo-https-en-la-tienda_4.png"}}

Después del cache de hasta 10 minutos los cambios estarán en vigor.

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