Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to Customize the Look of My Single Product Page

How to Customize the Look of My Single Product Page

Summarize this article with:
Last update: Mar 11, 2026 1 min read

IMPORTANT! We currently have two builder versions: one for sites created before March 4, 2026, and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

To customize the Single Product page of your SiteGround Ecommerce website:

  1. Click on Website Builder in your website’s Site Admin.
  2. Click the Edit Website button in the upper-right corner.
    Edit Website button in Site Admin for accessing the Website Builder editor
  3. Click on the Pages tab in the left menu toolbar.
  4. Select Single Product from the Store Templates section.
    Pages. tab in Website Builder with selected Single Product page
  5. Click the Edit Single Product button.
    Edit Single Product button in Website Builder for customizing the single product pages
  6. Customize the page’s features using the General tab in the Edit Single Product Page window:
  • Layout – you can display product images in a single column, a carousel, or a mosaic.
  • Show Similar Products – switch this on if you wish to show products from the same category.
  • Show Wishlist – shows a button that allows customers to add the product to their wishlist
  • Show Low Stock Labels – here you can decide if you wish to display if a product is low stock.
  • Show Available Quantity – this shows how much of that product you have in stock.
  • Button Text – in this field, you can specify the exact text that shows on the Add to Cart button.
    Settings window for the Single Product page showing general settings
  1. Customize the product page’s Background Color, Label Color, and Button Color from the Design tab in the Edit Single Product Page window.
    Settings window for the Single Product page showing design settings
  2. Click Update in the upper right corner.

You’re all set!

How to customize the look of my Single Product page (Classic builder)

To customize the Single Product page of your SiteGround Ecommerce website:

  1. Click on Website Builder
  2. Click the Edit Website button in the upper-right corner
Website Builder dashboard showing desktop and mobile previews of a homepage for a natural cosmetics store. A magnified “Edit Website” button in the top right guides users to start editing.

This will take you to the Website Builder dashboard where you can edit the look of your website.

  1. Click on the Pages tab
  2. Select Single Product from your page list
Website Builder interface displaying the “Single Product” page selected in the sidebar. The preview showcases a product detail page for a gift set with title, price, description, and “Add to cart” button.
  1. Customize your page using the options on the next page:
  • Layout – you can display product images in a single column, a carousel, or a mosaic.
  • Display Similar Products – switch this on if you wish to show products from the same category.
  • Display Low Stock Labels – here you can decide if you wish to display if a product is low stock.
  • Display Purchase Quantity – this shows how much of that product you have in stock.
  • Add to Cart text – in this field, you can specify the exact text that shows on the Add to Cart button.
Website Builder settings panel for the “Single Product” page. Layout and content options are shown, including toggles for displaying similar products, low stock labels, and available quantity. The preview shows a spa gift set product page.
  1. Click Publish in the upper right corner > This page changes to save the new look of your Single Product page

You’re all set!

Share this article