All Collections
Website Builder
Online Store
Website Builder: Product Pages
Website Builder: Product Pages

Learn about product pages in Hostinger Website Builder

Updated over a week 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:

The Online store section within Hostinger Website Builder

Click on the product in question to open its page:

Accessing the product page within Hostinger Website Builder

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:

Accessing product page settings in Hostinger Website Builder

Here, you'll find the following options:

Page settings

  • General: edit the URL of the product page

  • Password: limit access to the product page by setting a password

SEO settings

Edit product

  • Clicking on Edit 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:

Accessing the product page within Hostinger Website Builder

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

Editing the main product section in Hostinger Website Builder

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

Once you make any changes, you may apply them to all product pages by clicking on Apply to all:

The Apply to all button is only visible after making any changes in the product section settings 💡

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

Did this answer your question?