Hostinger Website Builder: Product Pages

Learn about product pages in Hostinger Website Builder

Updated 2 days ago

Once you create a product in Hostinger Website Builder, the product page is created automatically. Learn more 👇

How to Access Product Pages

To find all your product pages, access the website builder and expand the Online store panel on the left:

Online store menu with Products highlighted

Click on the product in question to open its page:

Online store product list with Classic Cap selected

Here, you can edit the main product section, as well as add more sections and customize them however you like!

How to Access Product Page Settings

Expand the Online store panel on the left and click on the settings wheel next to the product title:

Website builder product pages menu with SEO settings highlighted

Here, you’ll find the following options:

SEO settings

Manage product

  • Clicking on Manage product takes you to the product management page in the store management area

How to Customize Product Pages

You can customize every product page individually. Expand the Online store panel on the left, and click on the product page to open it:

Online store product list with Classic Cap selected

Click on the product section to reveal its settings menu and select Edit section:

Classic Cap product page with Edit section button highlighted

Here, you can customize the following areas of the product section:

Product

  • Clicking on Edit product takes you to the product management page in the store management area

Layout

  • Text alignment

  • Gallery placement

  • Image ratio

  • Image corner radius

  • Top/bottom padding of the product section

Style

  • Text color

  • Arrows color on product images

  • Arrows color on the product image gallery

  • Section background (color/image)

  • Learn how to customize the text font 💡

Button

  • Button text

  • Style (primary/secondary)

  • Fill color (normal/hover)

  • Text color (normal/hover)

  • Shape

  • Size

Enable quantity picker

  • Allow or disallow your clients to choose product quantity by enabling or disabling the quantity picker

You can also customize each of your product pages individually by adding more sections and placing various elements within them.