Cambiar las páginas del sitio para el protocolo HTTPS

2 min de lectura

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.

En el Admin VTEX, accede a **Storefront > ** y abra la carpeta CMS;
Acceda a Sites and channels;
Acceda el website deseado;
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"}}$
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"}}$
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"}}$
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.