<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8182409&amp;fmt=gif">
Skip to content
  • There are no suggestions because the search field is empty.

Storefront – Overview and How It Works

With HeadQ Storefront, you can easily and quickly create a digital sales channel using HeadQ. Storefront allows you to publish your products, configurators, and pricing logic into a ready-to-use storefront — without changing how your products are built.

 

Note: Storefront is a paid add-on in HeadQ. Storefront features and settings are available only to customers who have purchased the Storefront add-on.

General Overview

The HeadQ Storefront is built directly on top of HeadQ’s standard product structure.

  • Storefront uses the same products you already manage in HeadQ

  • Products are created and maintained exactly the same way as for embedded use

  • Configurators, options, dependencies, and pricing logic work identically

There is no separate Storefront-specific product setup. Products are built once and reused across different sales channels.

👉 Read more: How to create and edit products in HeadQ

Näyttökuva 2025-12-18 kello 11.29.10

Adding Products to the Storefront

Products are added to the Storefront by assigning them to a single category.

How It Works

  • A product can belong to only one category

  • The assigned category defines where the product appears in the Storefront

  • Each product is displayed only once in the Storefront navigation

How to Add a Product

  1. Open the product you want to publish

  2. Edit the product

  3. Assign the product to one category

Once a category is assigned, the product automatically becomes visible in the Storefront.

Excluding Products from the Storefront

If you do not want a product to appear in the Storefront:

  • Simply do not assign it to any category

Products without a category are not visible in the Storefront.

Storefront Menus and Categories

How Storefront Menus Work

Storefront menus are automatically generated from product categories.

Categories are managed in:

Products → Categories

Categories define both the Storefront navigation and how products are grouped.

Creating a New Category

To create a new category:

  1. Go to Products → Categories

  2. Click New Category

  3. Define:

    • Category name

    • Category image (optional but recommended)

Slug (URL)

The Slug defines the URL of the category page in the Storefront.

  • Use a URL-friendly version of the category name

  • Example:

    • Category name: Industrial Machines

    • Slug: industrial-machines

Category Images in the Storefront

Category images control how categories appear visually in the Storefront.

  • The category image is shown on the Storefront

  • Images are defined in the category settings

If No Category Image Is Provided

If a category does not have an image:

  • The company logo will be shown instead

For best results, it is recommended to define images for all main categories.

Näyttökuva 2025-12-18 kello 11.20.57

Category Hierarchy and Navigation Structure


Categories can be structured into a hierarchy, which directly defines the Storefront menu structure.

Creating a Category Hierarchy

  1. Create all required categories first

  2. Click Hierarchy

  3. In the hierarchy view you can:

    • Change the category order (reflected in the Storefront)

    • Drag and drop categories to make them subcategories of another category

This allows you to create:

  • Main navigation items

  • Submenus and dropdowns

  • Clear product grouping

All changes are automatically reflected in the Storefront.

Näyttökuva 2025-12-18 kello 11.19.28

 

Next Steps: Storefront Settings

This article covered how the Storefront works, how products are added, and how categories and navigation are structured.

To configure Storefront-specific settings such as:

  • Custom domain

  • Default cart behavior

  • Storefront-specific overrides

👉 Continue with: Storefront Settings