{"section":"tutorials","requestedLocale":"en","requestedSlug":"how-do-i-use-the-https-protocol-on-my-stores-pages","locale":"en","slug":"how-do-i-use-the-https-protocol-on-my-stores-pages","path":"docs/en/tutorials/storefront/layout/how-do-i-use-the-https-protocol-on-my-stores-pages.md","branch":"main","content":"To change the HTTP or HTTPS protocol setting on your store pages, simply follow the steps below depending on the type of page you want.\n\n## Layout\n\nThe Layout module covers home, catalog (search, categories e products), landing pages and other custom pages.\n\nYou can change the protocol in all folders at once by using our API, documented [in this Postman collection](https://developers.vtex.com/docs/api-reference/legacy-cms-portal-api). \n\n> ⚠️ **Warning:** avoid having HTTPS enabled on only a few pages. When you access an HTTPS page, then go to an HTTP page from the same store, the browser will try to read your resources forcibly over HTTPS, and this can cause problems. It is appropriate to enable HTTPS throughout the site at one time. The same goes for desktop and mobile websites (child website), where it is necessary to treat the HTTPS of both at the same time.\n\n1. In the VTEX Admin, access **Storefront > Layout** and open the folder **CMS**.\n2. Access **Sites and channels**.\n3. Access the desired website.\n4. Open the root folder of the website.\n![CMS instrução - EN](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-do-i-use-the-https-protocol-on-my-stores-pages_1.png)\n5. The screen that was opened displays all the folders that are on the first level of the site. For each pertinent folder, click **Edit** - for home, consider the top button;\n![edit cms - EN](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-do-i-use-the-https-protocol-on-my-stores-pages_2.png)\n6. In the checkbox **Protocol**, select the option **HTTPS**;\n![cms-protocol-https EN](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-do-i-use-the-https-protocol-on-my-stores-pages_3.png)\n7. Click in **Save Folder**.\n\nAttention to folders that have subfolders, such as Departamento, Categoria, Produto, and other folders, including also those created for store customization. \n\nIn the following example, the folder **Orders**, contained in **Account**, which also must be edited: \n![cms-subcategoria-edit EN](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/how-do-i-use-the-https-protocol-on-my-stores-pages_4.png)\n\nAfter a cache of up to 10 minutes the changes will take effect."}