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, the product page is created automatically.

Access product pages

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

Click on a product in question to open its page:


Access product page settings

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

Here, you'll see the two options – Page settings, and Edit product:

Page settings

Edit product

In the General settings tab, you can edit the URL of the product page

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

In the SEO settings tab, you can:


Customize the product page

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

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

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

  • Section padding

Style

  • Text color

  • Arrows color on images

  • Arrows color on gallery

  • Section background (color/image)

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 Apply to all:

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?