{"id":812,"date":"2022-09-07T12:03:52","date_gmt":"2022-09-07T12:03:52","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/09\/07\/6538349-hostinger-website-builder-product-pages\/"},"modified":"2026-03-16T12:12:06","modified_gmt":"2026-03-16T12:12:06","slug":"6538349-hostinger-website-builder-product-pages","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6538349-hostinger-website-builder-product-pages\/","title":{"rendered":"Hostinger Website Builder: Product Pages"},"content":{"rendered":"<p class=\"no-margin\">Once you <b><a class=\"intercom-content-link\" href=\"\/support\/6538344-website-builder-how-to-add-products\" target=\"_blank\" rel=\"noopener\">create a product<\/a> <\/b>in<b> Hostinger Website Builder<\/b>, the product page is created <b>automatically<\/b>. Learn more &#128071;<\/p><h2 id=\"h_2d3bb49aa3\">How to Access Product Pages<\/h2><p class=\"no-margin\">To find all your product pages, access the website builder and expand the <b>Online store<\/b> panel<b> <\/b>on the left:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/09\/e7b7dbf4-2159-467b-b430-63e838718172.jpg\" width=\"350\"><\/div><p class=\"no-margin\">Click on the product in question to open its page:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/09\/23a2e508-a0c8-4ecf-b71b-6409fe38d65f.jpg\" width=\"400\"><\/div><p class=\"no-margin\">Here, you can <b><a class=\"intercom-content-link\" href=\"#h_8f41c9b233\" target=\"_blank\" rel=\"noopener\">edit the main product section<\/a><\/b>, as well as <b><a class=\"intercom-content-link\" href=\"\/support\/6475040-website-builder-how-to-add-and-manage-website-sections\" target=\"_blank\" rel=\"noopener\">add more sections<\/a><\/b> and customize them however you like!<\/p><h2 id=\"h_930a90f2ff\"><b>How to Access Product Page Settings<\/b><\/h2><p class=\"no-margin\">Expand the <b>Online store<\/b> panel<b> <\/b>on the left and click on the settings wheel next to the product title:<\/p><div class=\"intercom-container intercom-align-center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7108\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/2025-12-18_13-51.png\" alt=\"\" width=\"797\" height=\"920\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/2025-12-18_13-51.png 797w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/2025-12-18_13-51-260x300.png 260w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/2025-12-18_13-51-768x887.png 768w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/div><p class=\"no-margin\">Here, you&rsquo;ll find the following options:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 129px\">\n<p class=\"intercom-align-center no-margin\"><b>SEO settings<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Add the <b><a class=\"intercom-content-link\" href=\"\/support\/6466356-website-builder-meta-titles-and-descriptions-of-pages\" target=\"_blank\" rel=\"noopener\">meta title and description<\/a><\/b> to the product page<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Add <b><a class=\"intercom-content-link\" href=\"\/support\/6972483-website-builder-how-to-add-keywords\" target=\"_blank\" rel=\"noopener\">keywords<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a class=\"intercom-content-link\" href=\"\/support\/6456836-website-builder-how-to-hide-a-page-from-search-engines\" target=\"_blank\" rel=\"noopener\">Hide<\/a><\/b> the product page <b>from search engines<\/b><\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 129px\">\n<p class=\"intercom-align-center no-margin\"><b>Manage product<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Clicking on <b>Manage product <\/b>takes you to the product management page in the store management area<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><h2 id=\"h_8f41c9b233\"><b>How to Customize Product Pages<\/b><\/h2><p class=\"no-margin\">You can customize every product page individually. Expand the <b>Online store<\/b> panel<b> <\/b>on the left, and click on the product page to open it:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/09\/e43e22d2-d7b4-4021-ba41-552ce9159a77.jpg\" width=\"400\"><\/div><p class=\"no-margin\">Click on the product section to reveal its settings menu and select <b>Edit section<\/b>:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/09\/30063d69-649f-4ade-9ca7-d22ff8923c9f.jpg\"><\/div><p class=\"no-margin\">Here, you can customize the following areas of the product section:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"intercom-align-center no-margin\"><b>Product<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Clicking on <b>Edit product <\/b>takes you to the product management page in the store management area<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"intercom-align-center no-margin\"><b>Layout<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Text alignment<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Gallery placement<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Image ratio<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Image corner radius<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Top\/bottom padding of the product section<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"intercom-align-center no-margin\"><b>Style<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Text color<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Arrows color on product images<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Arrows color on the product image gallery<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Section background (color\/image)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Learn how to <b><a class=\"intercom-content-link\" href=\"\/support\/6539079-website-builder-how-to-customize-text-style-in-the-online-store\" target=\"_blank\" rel=\"noopener\">customize the text font<\/a> &#128161; <\/b><\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"intercom-align-center no-margin\"><b>Button<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Button text<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Style (primary\/secondary)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Fill color (normal\/hover)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Text color (normal\/hover)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Shape<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Size<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 108px\">\n<p class=\"intercom-align-center no-margin\"><b>Enable quantity picker<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Allow or disallow your clients to choose product quantity by enabling or disabling the quantity picker<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">You can also customize each of your product pages individually by adding<b> <\/b>more<b> <a class=\"intercom-content-link\" href=\"\/support\/6475040-website-builder-how-to-add-and-manage-website-sections\" target=\"_blank\" rel=\"noopener\">sections<\/a> <\/b>and placing various <b><a class=\"intercom-content-link\" href=\"\/support\/6435894-website-builder-how-to-add-and-customize-website-elements\" target=\"_blank\" rel=\"noopener\">elements<\/a><\/b> within them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn about product pages in Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[286],"tags":[],"class_list":["post-812","post","type-post","status-publish","format-standard","hentry","category-online-store"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6538349-hostinger-website-builder-product-pages\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6538349-hostinger-creador-de-sitios-web-paginas-de-producto\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6538349-hostinger-createur-de-sites-web-les-pages-de-produits\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6538349-hostinger-website-builder-halaman-produk\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6538349-hostinger-svetainiu-kurimo-irankis-produktu-puslapiai\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6538349-hostinger-criador-de-sites-paginas-de-produtos\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=812"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/812\/revisions"}],"predecessor-version":[{"id":7110,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/812\/revisions\/7110"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}