Alterar as páginas do site para o protocolo HTTPS

Layout

Para alterar a configuração de protocolo HTTPS nas páginas de sua loja, basta seguir os passos abaixo conforme o tipo da página desejada.

Layout

O módulo Layout abrange a home, catálogo (busca, categorias e produtos), landing pages e outras páginas customizadas.

É possível alterar o protocolo em todas as pastas de uma única vez com o uso de nossa API, documentada nesta coleção do Postman.

Atenção: evite ter o protocolo HTTPS ativado somente em algumas páginas. Ao acessar uma página HTTPS, depois ir para uma página HTTP da mesma loja, o navegador tentará fazer a leitura dos seus recursos forçadamente em HTTPS, e isso pode gerar problemas.
O adequado é ativar o HTTPS em todo o site de uma única vez.
O mesmo vale para websites desktop e mobile (website filho), aonde é necessário tratar o HTTPS de ambos ao mesmo tempo.

No admin VTEX, acesse Storefront > Layout e abra a pasta CMS.
Acesse Sites and channels.
Acesse o website desejado.
Abra a pasta raiz do website.
${"base64":" ","img":{"width":1111,"height":475,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":37917,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-ter-o-protocolo-https-nas-paginas-da-minha-loja_1.png"}}$
A tela que foi aberta apresenta todas as pastas que estão no primeiro nível do site. Para cada pasta pertinente, clique em Edit - para a home, considere o botão do topo;
${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAJUlEQVR4nAEaAOX/AAUGBRoaFJuchbu8wADm5ej8/O+1tozHx86Lqw45Nn/txQAAAABJRU5ErkJggg==","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-ter-o-protocolo-https-nas-paginas-da-minha-loja_2.png","width":1109,"height":545,"type":"png"}}$
Na caixa de seleção Protocol, selecione a opção HTTPS;
${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAI0lEQVR4nGNg4uSTVlbTM7FU1dRlkJBRXLVm/evXb/bu2wcAQpII6VHABfgAAAAASUVORK5CYII=","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-ter-o-protocolo-https-nas-paginas-da-minha-loja_3.png","width":882,"height":488,"type":"png"}}$
Clique em Save Folder.

Atenção às pastas que possuem subpastas, como Departamento, Categoria, Produto e outras pastas, incluindo também as criadas para customização da loja.

No exemplo a seguir, a pasta dinâmica @Categoria@, contida em Categoria, que deve ser também editada:

${"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAJUlEQVR4nAEaAOX/ABITElZWVpucnK6urgB1dHP7/Pz////Ozs6UKQ7Noq5xTwAAAABJRU5ErkJggg==","img":{"src":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-ter-o-protocolo-https-nas-paginas-da-minha-loja_4.png","width":1115,"height":565,"type":"png"}}$

Após cache de até 10 minutos as alterções irão vigorar.